{"title":"AC Compressors","description":"","products":[{"product_id":"jdm-honda-civic-oem-ac-compressor-1-8l-2006-2011-air-conditioning-pump-assembly-used-jdj-1676","title":"JDM Honda Civic OEM AC Compressor 1.8L 2006-2011 Air Conditioning Pump Assembly Used","description":"\u003ctable class=\"table product_details_table\" style=\"width: 100.036%; height: 470.4px;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd class=\"td_label\" style=\"width: 29.232%; height: 19.6px;\"\u003ePart Code\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"width: 70.3733%; height: 19.6px;\"\u003eJDM Honda Civic OEM AC Compressor 2006-2011\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 19.6px; width: 29.232%;\"\u003eBrand\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 19.6px; width: 70.3733%;\"\u003eHonda OEM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 39.2px; width: 29.232%;\"\u003ePart Type\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 39.2px; width: 70.3733%;\"\u003eOEM Air Conditioning AC Compressor Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 19.6px; width: 29.232%;\"\u003eEngine Compatibility\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 19.6px; width: 70.3733%;\"\u003e1.8L R18 Engine\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 19.6px; width: 29.232%;\"\u003eMileage (approx.)\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 19.6px; width: 70.3733%;\"\u003e\n\u003cspan\u003e76000\u003c\/span\u003e km\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 19.6px; width: 29.232%;\"\u003eAssembly Type\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 19.6px; width: 70.3733%;\"\u003eAC Compressor Only\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 39.2px; width: 29.232%;\"\u003eCompatible Vehicles\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 39.2px; width: 70.3733%;\"\u003e2006-2011 Honda Civic 1.8L Models\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 39.2px; width: 29.232%;\"\u003eCountry\/Region of Manufacture\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 39.2px; width: 70.3733%;\"\u003eJapan\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 39.2px; width: 29.232%;\"\u003eCondition\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 39.2px; width: 70.3733%;\"\u003eUsed – Imported from Japan. Tested and inspected. May show normal wear from use.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 58.8px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 58.8px; width: 29.232%;\"\u003eWarranty\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 58.8px; width: 70.3733%;\"\u003e30 days\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 78.4px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 78.4px; width: 29.232%;\"\u003eParts Included\u003c\/td\u003e\n\u003ctd class=\"td_value parts_included\" style=\"height: 78.4px; width: 70.3733%;\"\u003e- 1x JDM Honda Civic OEM AC Compressor Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 78.4px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 78.4px; width: 29.232%;\"\u003eModification Notes\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 78.4px; width: 70.3733%;\"\u003e\u003cspan\u003eProfessional installation recommended. Please confirm compatibility with your vehicle before purchase.\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"Honda","offers":[{"title":"Default Title","offer_id":48286589092032,"sku":"JDJ-1676","price":200.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/IMG_6415.jpg?v=1778533561"},{"product_id":"jdm-toyota-lexus-a25afxs-hybrid-ac-compressor-2-5l-air-conditioning-pump-assembly-jdj-1678","title":"JDM Toyota\/Lexus A25AFXS Hybrid AC Compressor 2.5L Air Conditioning Pump Assembly","description":"\u003ctable style=\"width: 100.036%; height: 431.2px;\" class=\"table product_details_table\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"width: 29.232%; height: 19.6px;\" class=\"td_label\"\u003ePart Code\u003c\/td\u003e\n\u003ctd style=\"width: 70.3733%; height: 19.6px;\" class=\"td_value\"\u003eJDM  A25A-FXS Hybrid OEM AC Compressor\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eBrand\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eOEM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"height: 39.2px; width: 29.232%;\" class=\"td_label\"\u003ePart Type\u003c\/td\u003e\n\u003ctd style=\"height: 39.2px; width: 70.3733%;\" class=\"td_value\"\u003eOEM Hybrid Air Conditioning AC Compressor Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eEngine Compatibility\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eA25A-FXS Hybrid Engine\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eMileage (approx.)\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003e\n\u003cspan\u003e40k\u003c\/span\u003e km\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eAssembly Type\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eAC Compressor Only\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"height: 39.2px; width: 29.232%;\" class=\"td_label\"\u003eCountry\/Region of Manufacture\u003c\/td\u003e\n\u003ctd style=\"height: 39.2px; width: 70.3733%;\" class=\"td_value\"\u003eJapan\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"height: 39.2px; width: 29.232%;\" class=\"td_label\"\u003eCondition\u003c\/td\u003e\n\u003ctd style=\"height: 39.2px; width: 70.3733%;\" class=\"td_value\"\u003eUsed – Imported from Japan. Tested and inspected. May show normal wear from use.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 58.8px;\"\u003e\n\u003ctd style=\"height: 58.8px; width: 29.232%;\" class=\"td_label\"\u003eWarranty\u003c\/td\u003e\n\u003ctd style=\"height: 58.8px; width: 70.3733%;\" class=\"td_value\"\u003e30 days\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 78.4px;\"\u003e\n\u003ctd style=\"height: 78.4px; width: 29.232%;\" class=\"td_label\"\u003eParts Included\u003c\/td\u003e\n\u003ctd style=\"height: 78.4px; width: 70.3733%;\" class=\"td_value parts_included\"\u003e- 1x JDM A25A-FXS Hybrid OEM AC Compressor Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 78.4px;\"\u003e\n\u003ctd style=\"height: 78.4px; width: 29.232%;\" class=\"td_label\"\u003eModification Notes\u003c\/td\u003e\n\u003ctd style=\"height: 78.4px; width: 70.3733%;\" class=\"td_value\"\u003e\u003cspan\u003eProfessional installation recommended. Please confirm compatibility with your vehicle before purchase.\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"Toyota","offers":[{"title":"Default Title","offer_id":48286826234048,"sku":"JDJ-1678","price":500.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/IMG_6422.jpg?v=1778536356"},{"product_id":"toyota-sienna-ac-compressor-3-0l-v6-air-conditioning-pump-assembly-1998-2003-brand-new-jdj-1689","title":"Toyota Sienna AC Compressor 3.0L V6 Air Conditioning Pump Assembly 1998-2003 Brand New","description":"\u003ctable class=\"table product_details_table\" style=\"width: 100.036%; height: 431.2px;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd class=\"td_label\" style=\"width: 29.232%; height: 19.6px;\"\u003ePart Code\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"width: 70.3733%; height: 19.6px;\"\u003eToyota Sienna 3.0L V6 OEM AC Compressor\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 19.6px; width: 29.232%;\"\u003eBrand\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 19.6px; width: 70.3733%;\"\u003eAftermarket UAC\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 39.2px; width: 29.232%;\"\u003ePart Type\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 39.2px; width: 70.3733%;\"\u003eAir Conditioning AC Compressor Pump Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 19.6px; width: 29.232%;\"\u003eEngine Compatibility\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 19.6px; width: 70.3733%;\"\u003e3.0L V6 Engine\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 19.6px; width: 29.232%;\"\u003eMileage (approx.)\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 19.6px; width: 70.3733%;\"\u003eBrand New\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 19.6px; width: 29.232%;\"\u003eAssembly Type\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 19.6px; width: 70.3733%;\"\u003eComplete AC Compressor Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 39.2px; width: 29.232%;\"\u003eCountry\/Region of Manufacture\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 39.2px; width: 70.3733%;\"\u003eJapan\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 39.2px; width: 29.232%;\"\u003eCondition\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 39.2px; width: 70.3733%;\"\u003eBrand New Aftermarket replacement AC compressor. Tested and inspected for quality assurance.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 58.8px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 58.8px; width: 29.232%;\"\u003eWarranty\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 58.8px; width: 70.3733%;\"\u003e30 days\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 78.4px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 78.4px; width: 29.232%;\"\u003eParts Included\u003c\/td\u003e\n\u003ctd class=\"td_value parts_included\" style=\"height: 78.4px; width: 70.3733%;\"\u003e- 1x Toyota Sienna 3.0L V6 AC Compressor Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 78.4px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 78.4px; width: 29.232%;\"\u003eModification Notes\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 78.4px; width: 70.3733%;\"\u003e\u003cspan\u003eProfessional installation recommended. Please confirm compatibility with your vehicle before purchase.\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"Toyota","offers":[{"title":"Default Title","offer_id":48290091925696,"sku":"JDJ-1689","price":250.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/IMG_6428.jpg?v=1778623685"},{"product_id":"uac-co10541ac-scroll-a-c-compressor-for-acura-1-7el-honda-civic-prelude-1997-2001-oem-replacement-jdj-1706","title":"UAC CO10541AC Scroll A\/C Compressor for Acura 1.7EL Honda Civic Prelude 1997-2001 OEM Replacement","description":"\u003ctable class=\"table product_details_table\" style=\"width: 100.036%; height: 431.2px;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd class=\"td_label\" style=\"width: 29.306%; height: 19.6px;\"\u003ePart Code\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"width: 70.4782%; height: 19.6px;\"\u003eCO10541AC\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 19.6px; width: 29.306%;\"\u003eBrand\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 19.6px; width: 70.4782%;\"\u003eAftermarket UAC\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 39.2px; width: 29.306%;\"\u003ePart Type\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 39.2px; width: 70.4782%;\"\u003eAir Conditioning AC Compressor Pump Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 19.6px; width: 29.306%;\"\u003eEngine Compatibility\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 19.6px; width: 70.4782%;\"\u003e1.7L \/ 2.2L Engines\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 19.6px; width: 29.306%;\"\u003eMileage (approx.)\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 19.6px; width: 70.4782%;\"\u003eBrand New\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 19.6px; width: 29.306%;\"\u003eAssembly Type\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 19.6px; width: 70.4782%;\"\u003eComplete AC Compressor Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 39.2px; width: 29.306%;\"\u003eCountry\/Region of Manufacture\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 39.2px; width: 70.4782%;\"\u003eManufactured to OEM Specifications\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 39.2px; width: 29.306%;\"\u003eCondition\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 39.2px; width: 70.4782%;\"\u003eBrand New Aftermarket replacement AC compressor. Tested and inspected for quality assurance.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 58.8px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 58.8px; width: 29.306%;\"\u003eWarranty\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 58.8px; width: 70.4782%;\"\u003e30 days\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 78.4px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 78.4px; width: 29.306%;\"\u003eParts Included\u003c\/td\u003e\n\u003ctd class=\"td_value parts_included\" style=\"height: 78.4px; width: 70.4782%;\"\u003e- 1x UAC CO10541AC Scroll AC Compressor Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 78.4px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 78.4px; width: 29.306%;\"\u003eModification Notes\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 78.4px; width: 70.4782%;\"\u003e\u003cspan\u003eProfessional installation recommended. Please confirm compatibility with your vehicle before purchase.\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"Honda","offers":[{"title":"Default Title","offer_id":48292826644672,"sku":"JDJ-1706","price":250.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/IMG_6442.jpg?v=1778708517"},{"product_id":"uac-co102530ac-scroll-a-c-compressor-for-jaguar-s-type-lincoln-ls-ford-thunderbird-v8-jdj-1707","title":"UAC CO102530AC Scroll A\/C Compressor for Jaguar S-Type Lincoln LS Ford Thunderbird V8","description":"\u003ctable class=\"table product_details_table\" style=\"width: 100.036%; height: 431.2px;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd class=\"td_label\" style=\"width: 29.306%; height: 19.6px;\"\u003ePart Code\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"width: 70.4782%; height: 19.6px;\"\u003eCO102530AC\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 19.6px; width: 29.306%;\"\u003eBrand\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 19.6px; width: 70.4782%;\"\u003eAftermarket UAC\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 39.2px; width: 29.306%;\"\u003ePart Type\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 39.2px; width: 70.4782%;\"\u003eAir Conditioning AC Compressor Pump Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 19.6px; width: 29.306%;\"\u003eEngine Compatibility\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 19.6px; width: 70.4782%;\"\u003e3.9L \/ 4.0L \/ 4.2L V8 Engines\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 19.6px; width: 29.306%;\"\u003eMileage (approx.)\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 19.6px; width: 70.4782%;\"\u003eBrand New\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 19.6px; width: 29.306%;\"\u003eAssembly Type\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 19.6px; width: 70.4782%;\"\u003eComplete AC Compressor Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 39.2px; width: 29.306%;\"\u003eCountry\/Region of Manufacture\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 39.2px; width: 70.4782%;\"\u003eManufactured to OEM Specifications\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 39.2px; width: 29.306%;\"\u003eCondition\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 39.2px; width: 70.4782%;\"\u003eBrand New Aftermarket replacement AC compressor. Tested and inspected for quality assurance.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 58.8px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 58.8px; width: 29.306%;\"\u003eWarranty\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 58.8px; width: 70.4782%;\"\u003e30 days\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 78.4px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 78.4px; width: 29.306%;\"\u003eParts Included\u003c\/td\u003e\n\u003ctd class=\"td_value parts_included\" style=\"height: 78.4px; width: 70.4782%;\"\u003e- 1x UAC CO102530AC Scroll AC Compressor Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 78.4px;\"\u003e\n\u003ctd class=\"td_label\" style=\"height: 78.4px; width: 29.306%;\"\u003eModification Notes\u003c\/td\u003e\n\u003ctd class=\"td_value\" style=\"height: 78.4px; width: 70.4782%;\"\u003e\u003cspan\u003eProfessional installation recommended. Please confirm compatibility with your vehicle before purchase.\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"Ford","offers":[{"title":"Default Title","offer_id":48292848894144,"sku":"JDJ-1707","price":250.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/IMG_6447.jpg?v=1778709899"},{"product_id":"jdm-toyota-lexus-2gr-fe-v6-3-5l-used-ac-compressor-oem-447260-1151-jdj-2266","title":"JDM TOYOTA \/LEXUS 2GR FE V6 3.5L USED  AC COMPRESSOR OEM 447260-1151","description":"\u003ctable style=\"width: 100.036%; height: 431.2px;\" class=\"table product_details_table\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"width: 29.232%; height: 19.6px;\" class=\"td_label\"\u003ePart Code\u003c\/td\u003e\n\u003ctd style=\"width: 70.3733%; height: 19.6px;\" class=\"td_value\"\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eBrand\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eGenuine Toyota OEM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"height: 39.2px; width: 29.232%;\" class=\"td_label\"\u003ePart Type\u003c\/td\u003e\n\u003ctd style=\"height: 39.2px; width: 70.3733%;\" class=\"td_value\"\u003eA\/C Compressor Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eEngine Compatibility\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003e3.5L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eMileage (approx.)\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eApprox. 75k km\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eAssembly Type\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eComplete A\/C Compressor Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"height: 39.2px; width: 29.232%;\" class=\"td_label\"\u003eCountry\/Region of Manufacture\u003c\/td\u003e\n\u003ctd style=\"height: 39.2px; width: 70.3733%;\" class=\"td_value\"\u003eJapan\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"height: 39.2px; width: 29.232%;\" class=\"td_label\"\u003eCondition\u003c\/td\u003e\n\u003ctd style=\"height: 39.2px; width: 70.3733%;\" class=\"td_value\"\u003eUsed – Imported from Japan. Tested and inspected. May show normal wear from use.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 58.8px;\"\u003e\n\u003ctd style=\"height: 58.8px; width: 29.232%;\" class=\"td_label\"\u003eWarranty\u003c\/td\u003e\n\u003ctd style=\"height: 58.8px; width: 70.3733%;\" class=\"td_value\"\u003eN\/A\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 78.4px;\"\u003e\n\u003ctd style=\"height: 78.4px; width: 29.232%;\" class=\"td_label\"\u003eParts Included\u003c\/td\u003e\n\u003ctd style=\"height: 78.4px; width: 70.3733%;\" class=\"td_value parts_included\"\u003e- 1x A\/C Compressor Assembly (as pictured)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 78.4px;\"\u003e\n\u003ctd style=\"height: 78.4px; width: 29.232%;\" class=\"td_label\"\u003eModification Notes\u003c\/td\u003e\n\u003ctd style=\"height: 78.4px; width: 70.3733%;\" class=\"td_value\"\u003e\u003cspan\u003eProfessional installation recommended. Please confirm compatibility with your vehicle before purchase.\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"Toyota","offers":[{"title":"Default Title","offer_id":48299242946752,"sku":"JDJ-2266","price":280.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/s-l1600_5d2c1f4b-156c-4d51-bb2c-e4795426a3c7.jpg?v=1778872688"},{"product_id":"jdm-subaru-legacy-b4-twin-turbo-ac-compressor-ej208-ej206-air-a-c-clutch-2000-04-jdj-2308","title":"JDM SUBARU LEGACY B4 TWIN TURBO AC COMPRESSOR EJ208 EJ206 AIR A\/C Clutch 2000-04","description":"\u003ctable style=\"width: 100.036%; height: 431.2px;\" class=\"table product_details_table\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"width: 29.232%; height: 19.6px;\" class=\"td_label\"\u003ePart Code\u003c\/td\u003e\n\u003ctd style=\"width: 70.3733%; height: 19.6px;\" class=\"td_value\"\u003eEJ208 \/ EJ206\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eBrand\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eGenuine Subaru OEM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"height: 39.2px; width: 29.232%;\" class=\"td_label\"\u003ePart Type\u003c\/td\u003e\n\u003ctd style=\"height: 39.2px; width: 70.3733%;\" class=\"td_value\"\u003eA\/C Compressor Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eEngine Compatibility\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eEJ208 \/ EJ206\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eMileage (approx.)\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eApprox. 75k km\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eAssembly Type\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eComplete A\/C Compressor Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"height: 39.2px; width: 29.232%;\" class=\"td_label\"\u003eCountry\/Region of Manufacture\u003c\/td\u003e\n\u003ctd style=\"height: 39.2px; width: 70.3733%;\" class=\"td_value\"\u003eJapan\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"height: 39.2px; width: 29.232%;\" class=\"td_label\"\u003eCondition\u003c\/td\u003e\n\u003ctd style=\"height: 39.2px; width: 70.3733%;\" class=\"td_value\"\u003eUsed – Imported from Japan. Tested and inspected. May show normal wear from use.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 58.8px;\"\u003e\n\u003ctd style=\"height: 58.8px; width: 29.232%;\" class=\"td_label\"\u003eWarranty\u003c\/td\u003e\n\u003ctd style=\"height: 58.8px; width: 70.3733%;\" class=\"td_value\"\u003eN\/A\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 78.4px;\"\u003e\n\u003ctd style=\"height: 78.4px; width: 29.232%;\" class=\"td_label\"\u003eParts Included\u003c\/td\u003e\n\u003ctd style=\"height: 78.4px; width: 70.3733%;\" class=\"td_value parts_included\"\u003e- 1x A\/C Compressor Assembly (as pictured)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 78.4px;\"\u003e\n\u003ctd style=\"height: 78.4px; width: 29.232%;\" class=\"td_label\"\u003eModification Notes\u003c\/td\u003e\n\u003ctd style=\"height: 78.4px; width: 70.3733%;\" class=\"td_value\"\u003e\u003cspan\u003eProfessional installation recommended. Please confirm compatibility with your vehicle before purchase.\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"Subaru","offers":[{"title":"Default Title","offer_id":48299245830336,"sku":"JDJ-2308","price":195.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/s-l1600_e6ea3318-6f0c-447c-9ee3-3ddac1c84479.jpg?v=1778872777"},{"product_id":"jdm-subaru-legacy-ac-compressor-2-0l-turbo-ej20x-2004-2005-2006-dohc-oem-jdj-2787","title":"JDM Subaru Legacy AC Compressor 2.0L Turbo EJ20X 2004 2005 2006 DOHC OEM","description":"\u003ctable style=\"width: 100.036%; height: 431.2px;\" class=\"table product_details_table\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"width: 29.232%; height: 19.6px;\" class=\"td_label\"\u003ePart Code\u003c\/td\u003e\n\u003ctd style=\"width: 70.3733%; height: 19.6px;\" class=\"td_value\"\u003eEJ20X\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eBrand\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eGenuine Subaru OEM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"height: 39.2px; width: 29.232%;\" class=\"td_label\"\u003ePart Type\u003c\/td\u003e\n\u003ctd style=\"height: 39.2px; width: 70.3733%;\" class=\"td_value\"\u003eA\/C Compressor Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eEngine Compatibility\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eEJ20X \/ 2.0L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eMileage (approx.)\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eApprox. 75k km\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eAssembly Type\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eComplete A\/C Compressor Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"height: 39.2px; width: 29.232%;\" class=\"td_label\"\u003eCountry\/Region of Manufacture\u003c\/td\u003e\n\u003ctd style=\"height: 39.2px; width: 70.3733%;\" class=\"td_value\"\u003eJapan\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"height: 39.2px; width: 29.232%;\" class=\"td_label\"\u003eCondition\u003c\/td\u003e\n\u003ctd style=\"height: 39.2px; width: 70.3733%;\" class=\"td_value\"\u003eUsed – Imported from Japan. Tested and inspected. May show normal wear from use.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 58.8px;\"\u003e\n\u003ctd style=\"height: 58.8px; width: 29.232%;\" class=\"td_label\"\u003eWarranty\u003c\/td\u003e\n\u003ctd style=\"height: 58.8px; width: 70.3733%;\" class=\"td_value\"\u003eN\/A\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 78.4px;\"\u003e\n\u003ctd style=\"height: 78.4px; width: 29.232%;\" class=\"td_label\"\u003eParts Included\u003c\/td\u003e\n\u003ctd style=\"height: 78.4px; width: 70.3733%;\" class=\"td_value parts_included\"\u003e- 1x A\/C Compressor Assembly (as pictured)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 78.4px;\"\u003e\n\u003ctd style=\"height: 78.4px; width: 29.232%;\" class=\"td_label\"\u003eModification Notes\u003c\/td\u003e\n\u003ctd style=\"height: 78.4px; width: 70.3733%;\" class=\"td_value\"\u003e\u003cspan\u003eProfessional installation recommended. Please confirm compatibility with your vehicle before purchase.\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"Subaru","offers":[{"title":"Default Title","offer_id":48299307565248,"sku":"JDJ-2787","price":195.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/s-l1600_01af2b03-b8f1-4658-b220-7bffc9966757.jpg?v=1778874413"},{"product_id":"acura-rl-3-5rl-ac-compressor-used-oem-japan-2005-2006-2007-2008-jdj-3080","title":"Acura RL 3.5RL AC Compressor Used OEM Japan 2005 2006 2007 2008","description":"\u003ctable style=\"width: 100.036%; height: 431.2px;\" class=\"table product_details_table\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"width: 29.232%; height: 19.6px;\" class=\"td_label\"\u003ePart Code\u003c\/td\u003e\n\u003ctd style=\"width: 70.3733%; height: 19.6px;\" class=\"td_value\"\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eBrand\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eGenuine Acura OEM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"height: 39.2px; width: 29.232%;\" class=\"td_label\"\u003ePart Type\u003c\/td\u003e\n\u003ctd style=\"height: 39.2px; width: 70.3733%;\" class=\"td_value\"\u003eA\/C Compressor Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eEngine Compatibility\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eMileage (approx.)\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eApprox. 75k km\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eAssembly Type\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eComplete A\/C Compressor Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"height: 39.2px; width: 29.232%;\" class=\"td_label\"\u003eCountry\/Region of Manufacture\u003c\/td\u003e\n\u003ctd style=\"height: 39.2px; width: 70.3733%;\" class=\"td_value\"\u003eJapan\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"height: 39.2px; width: 29.232%;\" class=\"td_label\"\u003eCondition\u003c\/td\u003e\n\u003ctd style=\"height: 39.2px; width: 70.3733%;\" class=\"td_value\"\u003eUsed – Imported from Japan. Tested and inspected. May show normal wear from use.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 58.8px;\"\u003e\n\u003ctd style=\"height: 58.8px; width: 29.232%;\" class=\"td_label\"\u003eWarranty\u003c\/td\u003e\n\u003ctd style=\"height: 58.8px; width: 70.3733%;\" class=\"td_value\"\u003eN\/A\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 78.4px;\"\u003e\n\u003ctd style=\"height: 78.4px; width: 29.232%;\" class=\"td_label\"\u003eParts Included\u003c\/td\u003e\n\u003ctd style=\"height: 78.4px; width: 70.3733%;\" class=\"td_value parts_included\"\u003e- 1x A\/C Compressor Assembly (as pictured)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 78.4px;\"\u003e\n\u003ctd style=\"height: 78.4px; width: 29.232%;\" class=\"td_label\"\u003eModification Notes\u003c\/td\u003e\n\u003ctd style=\"height: 78.4px; width: 70.3733%;\" class=\"td_value\"\u003e\u003cspan\u003eProfessional installation recommended. Please confirm compatibility with your vehicle before purchase.\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"Acura","offers":[{"title":"Default Title","offer_id":48299333484736,"sku":"JDJ-3080","price":170.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/s-l1600_2e746312-b723-4b39-a677-444e9dfc186e.jpg?v=1778875041"},{"product_id":"acura-rl-ac-compressor-3-5-2005-2006-2007-2008-2009-2010-2011-2012-low-km-japan-jdj-3091","title":"Acura RL AC Compressor 3.5 2005 2006 2007 2008 2009 2010 2011 2012 LOW KM Japan","description":"\u003ctable style=\"width: 100.036%; height: 431.2px;\" class=\"table product_details_table\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"width: 29.232%; height: 19.6px;\" class=\"td_label\"\u003ePart Code\u003c\/td\u003e\n\u003ctd style=\"width: 70.3733%; height: 19.6px;\" class=\"td_value\"\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eBrand\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eGenuine Acura OEM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"height: 39.2px; width: 29.232%;\" class=\"td_label\"\u003ePart Type\u003c\/td\u003e\n\u003ctd style=\"height: 39.2px; width: 70.3733%;\" class=\"td_value\"\u003eA\/C Compressor Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eEngine Compatibility\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eMileage (approx.)\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eApprox. 75k km\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eAssembly Type\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eComplete A\/C Compressor Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"height: 39.2px; width: 29.232%;\" class=\"td_label\"\u003eCountry\/Region of Manufacture\u003c\/td\u003e\n\u003ctd style=\"height: 39.2px; width: 70.3733%;\" class=\"td_value\"\u003eJapan\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"height: 39.2px; width: 29.232%;\" class=\"td_label\"\u003eCondition\u003c\/td\u003e\n\u003ctd style=\"height: 39.2px; width: 70.3733%;\" class=\"td_value\"\u003eUsed – Imported from Japan. Tested and inspected. May show normal wear from use.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 58.8px;\"\u003e\n\u003ctd style=\"height: 58.8px; width: 29.232%;\" class=\"td_label\"\u003eWarranty\u003c\/td\u003e\n\u003ctd style=\"height: 58.8px; width: 70.3733%;\" class=\"td_value\"\u003eN\/A\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 78.4px;\"\u003e\n\u003ctd style=\"height: 78.4px; width: 29.232%;\" class=\"td_label\"\u003eParts Included\u003c\/td\u003e\n\u003ctd style=\"height: 78.4px; width: 70.3733%;\" class=\"td_value parts_included\"\u003e- 1x A\/C Compressor Assembly (as pictured)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 78.4px;\"\u003e\n\u003ctd style=\"height: 78.4px; width: 29.232%;\" class=\"td_label\"\u003eModification Notes\u003c\/td\u003e\n\u003ctd style=\"height: 78.4px; width: 70.3733%;\" class=\"td_value\"\u003e\u003cspan\u003eProfessional installation recommended. Please confirm compatibility with your vehicle before purchase.\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"Acura","offers":[{"title":"Default Title","offer_id":48299333877952,"sku":"JDJ-3091","price":155.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/s-l1600_4cdc2aaf-8c54-461a-848a-359f324b69d2.jpg?v=1778875059"},{"product_id":"jdm-subaru-legacy-b4-ej208-ej206-twin-turbo-ac-compressor-air-a-c-clutch-2000-04-jdj-3278","title":"JDM Subaru Legacy B4 EJ208 EJ206 Twin Turbo AC Compressor Air A\/C Clutch 2000-04","description":"\u003ctable style=\"width: 100.036%; height: 431.2px;\" class=\"table product_details_table\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"width: 29.232%; height: 19.6px;\" class=\"td_label\"\u003ePart Code\u003c\/td\u003e\n\u003ctd style=\"width: 70.3733%; height: 19.6px;\" class=\"td_value\"\u003eEJ208 \/ EJ206\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eBrand\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eGenuine Subaru OEM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"height: 39.2px; width: 29.232%;\" class=\"td_label\"\u003ePart Type\u003c\/td\u003e\n\u003ctd style=\"height: 39.2px; width: 70.3733%;\" class=\"td_value\"\u003eA\/C Compressor Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eEngine Compatibility\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eEJ208 \/ EJ206\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eMileage (approx.)\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eApprox. 75k km\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eAssembly Type\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eComplete A\/C Compressor Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"height: 39.2px; width: 29.232%;\" class=\"td_label\"\u003eCountry\/Region of Manufacture\u003c\/td\u003e\n\u003ctd style=\"height: 39.2px; width: 70.3733%;\" class=\"td_value\"\u003eJapan\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"height: 39.2px; width: 29.232%;\" class=\"td_label\"\u003eCondition\u003c\/td\u003e\n\u003ctd style=\"height: 39.2px; width: 70.3733%;\" class=\"td_value\"\u003eUsed – Imported from Japan. Tested and inspected. May show normal wear from use.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 58.8px;\"\u003e\n\u003ctd style=\"height: 58.8px; width: 29.232%;\" class=\"td_label\"\u003eWarranty\u003c\/td\u003e\n\u003ctd style=\"height: 58.8px; width: 70.3733%;\" class=\"td_value\"\u003eN\/A\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 78.4px;\"\u003e\n\u003ctd style=\"height: 78.4px; width: 29.232%;\" class=\"td_label\"\u003eParts Included\u003c\/td\u003e\n\u003ctd style=\"height: 78.4px; width: 70.3733%;\" class=\"td_value parts_included\"\u003e- 1x A\/C Compressor Assembly (as pictured)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 78.4px;\"\u003e\n\u003ctd style=\"height: 78.4px; width: 29.232%;\" class=\"td_label\"\u003eModification Notes\u003c\/td\u003e\n\u003ctd style=\"height: 78.4px; width: 70.3733%;\" class=\"td_value\"\u003e\u003cspan\u003eProfessional installation recommended. Please confirm compatibility with your vehicle before purchase.\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"Subaru","offers":[{"title":"Default Title","offer_id":48299344658624,"sku":"JDJ-3278","price":195.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/s-l1600_4b53af65-e517-44f2-a5f2-ecd0acdffc6b.jpg?v=1778875466"},{"product_id":"jdm-toyota-highlander-hybrid-ac-compressor-a-c-2017-2018-2019-jdj-4246","title":"JDM Toyota Highlander Hybrid AC Compressor A\/C 2017 2018 2019","description":"\u003ctable style=\"width: 100.036%; height: 431.2px;\" class=\"table product_details_table\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"width: 29.232%; height: 19.6px;\" class=\"td_label\"\u003ePart Code\u003c\/td\u003e\n\u003ctd style=\"width: 70.3733%; height: 19.6px;\" class=\"td_value\"\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eBrand\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eGenuine Toyota OEM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"height: 39.2px; width: 29.232%;\" class=\"td_label\"\u003ePart Type\u003c\/td\u003e\n\u003ctd style=\"height: 39.2px; width: 70.3733%;\" class=\"td_value\"\u003eA\/C Compressor Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eEngine Compatibility\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eMileage (approx.)\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eApprox. 75k km\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eAssembly Type\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eComplete A\/C Compressor Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"height: 39.2px; width: 29.232%;\" class=\"td_label\"\u003eCountry\/Region of Manufacture\u003c\/td\u003e\n\u003ctd style=\"height: 39.2px; width: 70.3733%;\" class=\"td_value\"\u003eJapan\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"height: 39.2px; width: 29.232%;\" class=\"td_label\"\u003eCondition\u003c\/td\u003e\n\u003ctd style=\"height: 39.2px; width: 70.3733%;\" class=\"td_value\"\u003eUsed – Imported from Japan. Tested and inspected. May show normal wear from use.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 58.8px;\"\u003e\n\u003ctd style=\"height: 58.8px; width: 29.232%;\" class=\"td_label\"\u003eWarranty\u003c\/td\u003e\n\u003ctd style=\"height: 58.8px; width: 70.3733%;\" class=\"td_value\"\u003eN\/A\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 78.4px;\"\u003e\n\u003ctd style=\"height: 78.4px; width: 29.232%;\" class=\"td_label\"\u003eParts Included\u003c\/td\u003e\n\u003ctd style=\"height: 78.4px; width: 70.3733%;\" class=\"td_value parts_included\"\u003e- 1x A\/C Compressor Assembly (as pictured)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 78.4px;\"\u003e\n\u003ctd style=\"height: 78.4px; width: 29.232%;\" class=\"td_label\"\u003eModification Notes\u003c\/td\u003e\n\u003ctd style=\"height: 78.4px; width: 70.3733%;\" class=\"td_value\"\u003e\u003cspan\u003eProfessional installation recommended. Please confirm compatibility with your vehicle before purchase.\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"Toyota","offers":[{"title":"Default Title","offer_id":48299432378560,"sku":"JDJ-4246","price":700.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/s-l1600_553fc826-14d3-46f8-b600-172e1059d011.jpg?v=1778878253"},{"product_id":"acura-rl-38810-rja-305-38900-rja-a01-air-conditioning-ac-a-c-compressor-clutch-jdj-4387","title":"Acura RL 38810-RJA-305 38900-RJA-A01 Air Conditioning AC A\/C Compressor Clutch","description":"\u003ctable style=\"width: 100.036%; height: 431.2px;\" class=\"table product_details_table\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"width: 29.232%; height: 19.6px;\" class=\"td_label\"\u003ePart Code\u003c\/td\u003e\n\u003ctd style=\"width: 70.3733%; height: 19.6px;\" class=\"td_value\"\u003eRJA-305\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eBrand\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eGenuine Acura OEM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"height: 39.2px; width: 29.232%;\" class=\"td_label\"\u003ePart Type\u003c\/td\u003e\n\u003ctd style=\"height: 39.2px; width: 70.3733%;\" class=\"td_value\"\u003eA\/C Compressor Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eEngine Compatibility\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eMileage (approx.)\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eApprox. 75k km\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eAssembly Type\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eComplete A\/C Compressor Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"height: 39.2px; width: 29.232%;\" class=\"td_label\"\u003eCountry\/Region of Manufacture\u003c\/td\u003e\n\u003ctd style=\"height: 39.2px; width: 70.3733%;\" class=\"td_value\"\u003eJapan\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"height: 39.2px; width: 29.232%;\" class=\"td_label\"\u003eCondition\u003c\/td\u003e\n\u003ctd style=\"height: 39.2px; width: 70.3733%;\" class=\"td_value\"\u003eUsed – Imported from Japan. Tested and inspected. May show normal wear from use.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 58.8px;\"\u003e\n\u003ctd style=\"height: 58.8px; width: 29.232%;\" class=\"td_label\"\u003eWarranty\u003c\/td\u003e\n\u003ctd style=\"height: 58.8px; width: 70.3733%;\" class=\"td_value\"\u003eN\/A\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 78.4px;\"\u003e\n\u003ctd style=\"height: 78.4px; width: 29.232%;\" class=\"td_label\"\u003eParts Included\u003c\/td\u003e\n\u003ctd style=\"height: 78.4px; width: 70.3733%;\" class=\"td_value parts_included\"\u003e- 1x A\/C Compressor Assembly (as pictured)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 78.4px;\"\u003e\n\u003ctd style=\"height: 78.4px; width: 29.232%;\" class=\"td_label\"\u003eModification Notes\u003c\/td\u003e\n\u003ctd style=\"height: 78.4px; width: 70.3733%;\" class=\"td_value\"\u003e\u003cspan\u003eProfessional installation recommended. Please confirm compatibility with your vehicle before purchase.\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"Acura","offers":[{"title":"Default Title","offer_id":48299447222464,"sku":"JDJ-4387","price":195.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/s-l1600_27f0a97a-9b21-4327-9b1c-d88a29741124.jpg?v=1778878584"},{"product_id":"jdm-subaru-legacy-b4-ej208-ej206-twin-turbo-ac-compressor-air-a-c-clutch-2000-04-jdj-4700","title":"JDM Subaru Legacy B4 EJ208 EJ206 Twin Turbo AC Compressor Air A\/C Clutch 2000-04","description":"\u003ctable style=\"width: 100.036%; height: 431.2px;\" class=\"table product_details_table\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"width: 29.232%; height: 19.6px;\" class=\"td_label\"\u003ePart Code\u003c\/td\u003e\n\u003ctd style=\"width: 70.3733%; height: 19.6px;\" class=\"td_value\"\u003eEJ208 \/ EJ206\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eBrand\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eGenuine Subaru OEM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"height: 39.2px; width: 29.232%;\" class=\"td_label\"\u003ePart Type\u003c\/td\u003e\n\u003ctd style=\"height: 39.2px; width: 70.3733%;\" class=\"td_value\"\u003eA\/C Compressor Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eEngine Compatibility\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eEJ208 \/ EJ206\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eMileage (approx.)\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eApprox. 75k km\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"height: 19.6px; width: 29.232%;\" class=\"td_label\"\u003eAssembly Type\u003c\/td\u003e\n\u003ctd style=\"height: 19.6px; width: 70.3733%;\" class=\"td_value\"\u003eComplete A\/C Compressor Assembly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"height: 39.2px; width: 29.232%;\" class=\"td_label\"\u003eCountry\/Region of Manufacture\u003c\/td\u003e\n\u003ctd style=\"height: 39.2px; width: 70.3733%;\" class=\"td_value\"\u003eJapan\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"height: 39.2px; width: 29.232%;\" class=\"td_label\"\u003eCondition\u003c\/td\u003e\n\u003ctd style=\"height: 39.2px; width: 70.3733%;\" class=\"td_value\"\u003eUsed – Imported from Japan. Tested and inspected. May show normal wear from use.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 58.8px;\"\u003e\n\u003ctd style=\"height: 58.8px; width: 29.232%;\" class=\"td_label\"\u003eWarranty\u003c\/td\u003e\n\u003ctd style=\"height: 58.8px; width: 70.3733%;\" class=\"td_value\"\u003eN\/A\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 78.4px;\"\u003e\n\u003ctd style=\"height: 78.4px; width: 29.232%;\" class=\"td_label\"\u003eParts Included\u003c\/td\u003e\n\u003ctd style=\"height: 78.4px; width: 70.3733%;\" class=\"td_value parts_included\"\u003e- 1x A\/C Compressor Assembly (as pictured)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 78.4px;\"\u003e\n\u003ctd style=\"height: 78.4px; width: 29.232%;\" class=\"td_label\"\u003eModification Notes\u003c\/td\u003e\n\u003ctd style=\"height: 78.4px; width: 70.3733%;\" class=\"td_value\"\u003e\u003cspan\u003eProfessional installation recommended. Please confirm compatibility with your vehicle before purchase.\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"Subaru","offers":[{"title":"Default Title","offer_id":48299465244864,"sku":"JDJ-4700","price":210.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/s-l1600_cfe179d6-c340-45ed-a8ac-f8e131b0cd09.jpg?v=1778879246"},{"product_id":"ford-pickup-f150-1997-2005-a-c-compressor-4-6l-5-4l-v8-for-ford-series-check-ima-fs103024","title":"FORD PICKUP F150 1997-2005 — A\/C COMPRESSOR; 4.6L\/5.4L V8; FOR FORD SERIES; CHECK IMAGE BEFORE ORDER ( 4S PN 58129 )","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Ford","offers":[{"title":"Default Title","offer_id":48359565066432,"sku":"FS103024","price":147.42,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/FS103024.jpg?v=1780504855"},{"product_id":"honda-accord-2003-2007-a-c-compressor-3-0l-v6-gas-accord-2003-2007-78389-1858x-10sr15c0433","title":"HONDA ACCORD 2003-2007 — A\/C COMPRESSOR ; 3.0L\/V6 GAS\/ACCORD 2003-2007 78389\/ 1858X","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Honda","offers":[{"title":"Default Title","offer_id":48359567294656,"sku":"10SR15C0433","price":262.8,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/0433.jpg?v=1780504882"},{"product_id":"ford-expedition-2007-2017-a-c-compressor-3-5l-3-7l-diesel-kiki-expedition-f-150-dks20dt1244","title":"FORD EXPEDITION 2007-2017 — A\/C COMPRESSOR ; 3.5L\/3.7L; DIESEL-KIKI; EXPEDITION\/F-150\/TRANSIT\/NAVIGATOR ;CHECK IMAGE( 4S PIN 168662 )","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Ford","offers":[{"title":"Default Title","offer_id":48359567392960,"sku":"DKS20DT1244","price":372.3,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/DKS20DT1244.jpg?v=1780504884"},{"product_id":"ford-pickup-s-duty-2008-2016-a-c-compressor-6-2l-6-8l-pickup-f250-350-450-550-al-rs203583","title":"FORD PICKUP S-DUTY 2008-2016 — A\/C COMPRESSOR ; 6.2L\/6.8L; PICKUP F250\/350\/450\/550 ALL 2011-2016 ( 4S PN 98322 )","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Ford","offers":[{"title":"Default Title","offer_id":48359567950016,"sku":"RS203583","price":343.83,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/RS203583.jpg?v=1780504885"},{"product_id":"ford-escape-2008-2012-a-c-compressor-escape-mazda-tribute-doble-check-image-befo-dks17ds0324","title":"FORD ESCAPE 2008-2012 — A\/C COMPRESSOR ; ESCAPE \u0026 MAZDA TRIBUTE ; DOBLE CHECK IMAGE BEFORE ORDER ( 4S PN 68672 )","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Ford","offers":[{"title":"Default Title","offer_id":48359567982784,"sku":"DKS17DS0324","price":400.77,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/DKS17DS0324.jpg?v=1780504886"},{"product_id":"subaru-forester-2014-2018-a-c-compressor-forester-impreza-wrx-crosstrek-double-c-dkv10z1502","title":"SUBARU FORESTER 2014-2018 — A\/C COMPRESSOR ; FORESTER\/IMPREZA\/WRX\/CROSSTREK; DOUBLE CHECK IMAGE (4S PN 58492 )","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Subaru","offers":[{"title":"Default Title","offer_id":48359568212160,"sku":"DKV10Z1502","price":422.67,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/DKV10Z1502.jpg?v=1780504887"},{"product_id":"nissan-rogue-2014-2020-a-c-compressor-rogue-altima-pathfinder-qx60-double-check-vcs14ec0918","title":"NISSAN ROGUE 2014-2020 — A\/C COMPRESSOR ; ROGUE\/ALTIMA\/PATHFINDER\/QX60; DOUBLE CHECK IMAGE ( 4S PN 98664 )","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Nissan","offers":[{"title":"Default Title","offer_id":48359568244928,"sku":"VCS14EC0918","price":396.39,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/VCS14EC0918.jpg?v=1780504889"},{"product_id":"honda-odyssey-2005-2010-a-c-compressor-3-5l-3-7l-odyssey-pilot-ridgeline-mdx-zdx-10sr17c0705","title":"HONDA ODYSSEY 2005-2010 — A\/C COMPRESSOR ;3.5L\/3.7L;ODYSSEY\/PILOT\/RIDGELINE\/MDX\/ZDX; DOUBLE CHECK IMAGE(4S PN 158334)","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Honda","offers":[{"title":"Default Title","offer_id":48359568277696,"sku":"10SR17C0705","price":249.66,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/10SR17C0705.jpg?v=1780504892"},{"product_id":"chevrolet-avalanche-2002-2006-a-c-compressor-avalanche-c-k-pickup-colorado-expre-10s17f21127","title":"CHEVROLET AVALANCHE 2002-2006 — A\/C COMPRESSOR AVALANCHE\/C.K PICKUP\/COLORADO\/EXPRESS\/C.D ESCALADE; DOUBLE CHECK IMAGE(4S PN 78362 \/78377)","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Chevrolet","offers":[{"title":"Default Title","offer_id":48359568310464,"sku":"10S17F21127","price":226.5,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/10S17F21127.jpg?v=1780504896"},{"product_id":"nissan-versa-sedan-2007-2011-a-c-compressor-1-8l-4cyl-for-versa-2010-2012-4s-pn-cr101068","title":"NISSAN VERSA SEDAN 2007-2011 — A\/C COMPRESSOR; 1.8L 4CYL; FOR VERSA 2010-2012 ( 4S PN 58890 )","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Nissan","offers":[{"title":"Default Title","offer_id":48359568343232,"sku":"CR101068","price":226.5,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/CR101068.png?v=1780504895"},{"product_id":"honda-civic-2006-2011-a-c-compressor-2-0l-4cyl-for-civic-acura-csx-both-2006-201-trse070706","title":"HONDA CIVIC 2006-2011 — A\/C COMPRESSOR; 2.0L 4CYL; FOR CIVIC \u0026 ACURA CSX BOTH 2006-2011 ( 4S PN 98560 )","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Honda","offers":[{"title":"Default Title","offer_id":48359568376000,"sku":"TRSE070706","price":306.6,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TRSE070706.jpg?v=1780504896"},{"product_id":"nissan-sentra-2007-2012-a-c-compressor-2-0ltr-4cyl-for-sentra-2007-2012-4s-pn-68-dcs171c0319","title":"NISSAN SENTRA 2007-2012 — A\/C COMPRESSOR; 2.0LTR 4CYL; FOR SENTRA 2007-2012 ( 4S PN 68662 )","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Nissan","offers":[{"title":"Default Title","offer_id":48359568834752,"sku":"DCS171C0319","price":356.97,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/DCS171C0319.png?v=1780504897"},{"product_id":"honda-crv-2002-2006-a-c-compressor-2-4l-4cyl-for-crv-2002-2006-4s-pn-158881-hs110r0092","title":"HONDA CRV 2002-2006 — A\/C COMPRESSOR; 2.4L 4CYL; FOR CRV 2002-2006 ( 4S PN 158881 )","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Honda","offers":[{"title":"Default Title","offer_id":48359569031360,"sku":"HS110R0092","price":249.66,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/HS110R0092.png?v=1780504899"},{"product_id":"acura-tsx-2004-2008-a-c-compressor-2-4l-4cyl-for-tsx-2004-2008-4s-58886-hs110r0331","title":"ACURA TSX 2004-2008 — A\/C COMPRESSOR; 2.4L 4CYL; FOR TSX 2004-2008 (4S 58886)","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":"Acura","offers":[{"title":"Default Title","offer_id":48359569260736,"sku":"HS110R0331","price":262.8,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/HS110R0331.png?v=1780504902"},{"product_id":"honda-civic-2001-2005-a-c-compressor-1-7l-4cyl-for-civic-2001-2005-acura-el-2001-tra0900023","title":"HONDA CIVIC 2001-2005 — A\/C COMPRESSOR; 1.7L 4CYL; FOR CIVIC 2001-2005 \u0026 ACURA EL 2001-2003 ( 4S PN 78613\/1786X )","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Honda","offers":[{"title":"Default Title","offer_id":48359569326272,"sku":"TRA0900023","price":284.7,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TRA0900023.png?v=1780504904"},{"product_id":"honda-civic-2016-2021-a-c-compressor-2-0l-for-civic-2016-2019-4s-pn-198276-cvc1333","title":"HONDA CIVIC 2016-2021 — A\/C COMPRESSOR; 2.0L ; FOR CIVIC 2016-2019 ( 4S PN 198276 )","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Honda","offers":[{"title":"Default Title","offer_id":48359572046016,"sku":"CVC1333","price":262.8,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/CVC1333.png?v=1780504906"},{"product_id":"honda-civic-2016-2021-a-c-compressor-1-5l-turbo-civic-2016-2019-cr-v-2017-2019-4-cvc1332","title":"HONDA CIVIC 2016-2021 — A\/C COMPRESSOR; 1.5L TURBO ; CIVIC 2016-2019 \u0026 CR-V 2017-2019 ( 4S PN 198277 )","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Honda","offers":[{"title":"Default Title","offer_id":48359572078784,"sku":"CVC1332","price":262.8,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/acd705827_01.jpg?v=1780504909"},{"product_id":"nissan-juke-2011-2017-a-c-compressor-1-6l-4cyl-versa-2012-18-juke-1-6l-turbo-201-cr08b0596","title":"NISSAN JUKE 2011-2017 — A\/C COMPRESSOR; 1.6L 4CYL; VERSA 2012-18 \u0026 JUKE ( 1.6L TURBO ) 2014-17 ( 4S PN 58892 )","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Nissan","offers":[{"title":"Default Title","offer_id":48359572439232,"sku":"CR08B0596","price":383.25,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/CR08B0596.png?v=1780504910"},{"product_id":"honda-civic-2006-2011-a-c-compressor-1-8l-4cyl-civic-2006-2011-4s-pn-98555-trse0700250","title":"HONDA CIVIC 2006-2011 — A\/C COMPRESSOR; 1.8L 4CYL; CIVIC 2006-2011 ( 4S PN 98555 )","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Honda","offers":[{"title":"Default Title","offer_id":48359572799680,"sku":"TRSE0700250","price":251.85,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TRSE0700250.png?v=1780504912"},{"product_id":"ford-focus-2008-2011-a-c-compressor-2-0l-4cyl-focus-2008-11-transit-connect-2010-dks17ds4467","title":"FORD FOCUS 2008-2011 — A\/C COMPRESSOR; 2.0L 4CYL; FOCUS 2008-11 \u0026 TRANSIT-CONNECT 2010-13 ( 4S PN 98488 )","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Ford","offers":[{"title":"Default Title","offer_id":48359572832448,"sku":"DKS17DS4467","price":226.5,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/DKS17DS4467.png?v=1780504913"},{"product_id":"honda-accord-2003-2007-a-c-compressor-2-4l-4cyl-7-groove-accord-2003-2007-4s-pn-10s17c0155","title":"HONDA ACCORD 2003-2007 — A\/C COMPRESSOR; 2.4L 4CYL; 7 GROOVE; ACCORD 2003-2007 (4S PN 78389 )1858X","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Honda","offers":[{"title":"Default Title","offer_id":48359572897984,"sku":"10S17C0155","price":254.04,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/10S17C0155.png?v=1780504915"},{"product_id":"honda-accord-2008-2012-a-c-compressor-2-4l-7-groove-accord-2008-2012-crosstour-2-10sr15c0444","title":"HONDA ACCORD 2008-2012 — A\/C COMPRESSOR; 2.4L; 7 GROOVE; ACCORD 2008-2012; CROSSTOUR 2012-2015 ( 1912X \/ 158333)","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Honda","offers":[{"title":"Default Title","offer_id":48359573094592,"sku":"10SR15C0444","price":249.66,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/10SR15C0433.jpg?v=1780504915"},{"product_id":"toyota-camry-2007-2011-a-c-compressor-2-4l-camry-2007-09-hybrid-2008-only-4-cyl-6seu16c0384","title":"TOYOTA CAMRY 2007-2011 — A\/C COMPRESSOR; 2.4L; CAMRY 2007-09 ( HYBRID 2008 ONLY ) 4 CYL \u0026 RAV4 2006-08 4CYL ( 4S PN 98386 )","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Toyota","offers":[{"title":"Default Title","offer_id":48359573127360,"sku":"6SEU16C0384","price":280.32,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/6SEU16C0384.png?v=1780504917"},{"product_id":"nissan-rogue-2008-2013-a-c-compressor-2-5l-4cyl-rogue-2008-2013-rogue-select-201-dks17d1004","title":"NISSAN ROGUE 2008-2013 — A\/C COMPRESSOR; 2.5L 4CYL; ROGUE 2008-2013 \u0026 ROGUE SELECT 2014-2015 ( 4S PN 98490 )","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Nissan","offers":[{"title":"Default Title","offer_id":48359573160128,"sku":"DKS17D1004","price":256.23,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/DKS17D1004.jpg?v=1780504918"},{"product_id":"nissan-altima-2007-2012-a-c-compressor-2-5l-altima-sentra-2007-2012-4sp-68664-19-dcs171c0650","title":"NISSAN ALTIMA 2007-2012 — A\/C COMPRESSOR; 2.5L; ALTIMA\/SENTRA 2007-2012 (4SP #68664 \/1947X)","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Nissan","offers":[{"title":"Default Title","offer_id":48359573192896,"sku":"DCS171C0650","price":226.5,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/C0650.jpg?v=1780504920"},{"product_id":"subaru-forester-2009-2013-a-c-compressor-2-5l-forester-impreza-wrx-4-groove-doub-dkv10r1010","title":"SUBARU FORESTER 2009-2013 — A\/C COMPRESSOR; 2.5L; FORESTER\/ IMPREZA\/WRX ; 4 GROOVE DOUBLE CHECK IMAGE( 4S PN 98485 )","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Subaru","offers":[{"title":"Default Title","offer_id":48359573258432,"sku":"DKV10R1010","price":356.97,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/E7_81_AF.jpg?v=1780504923"},{"product_id":"ford-explorer-2016-2019-a-c-compressor-3-5l-6cyl-w-o-turbo-for-ford-explorer-201-7sbh17c0879","title":"FORD EXPLORER 2016-2019 — A\/C COMPRESSOR; 3.5L 6CYL W\/O TURBO ; FOR FORD EXPLORER 2011-2015(4S PN 98332)","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Ford","offers":[{"title":"Default Title","offer_id":48359573291200,"sku":"7SBH17C0879","price":376.68,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/7SBH17C0879.png?v=1780504923"},{"product_id":"nissan-maxima-2009-2014-a-c-compressor-3-5l-maxima-murano-pathfinder-quest-jx35-dks17d0782","title":"NISSAN MAXIMA 2009-2014 — A\/C COMPRESSOR; 3.5L; MAXIMA\/MURANO\/PATHFINDER\/QUEST\/JX35\/QX60; CHECK IMGAGE( 4S PN 68671 )","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Nissan","offers":[{"title":"Default Title","offer_id":48359573749952,"sku":"DKS17D0782","price":264.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/DKS17D0782.jpg?v=1780504924"},{"product_id":"honda-odyssey-2005-2010-a-c-compressor-3-5l-odyssey-pilot-ridgeline-mdx-tl-doubl-10s20c0241","title":"HONDA ODYSSEY 2005-2010 — A\/C COMPRESSOR; 3.5L; ODYSSEY\/PILOT\/RIDGELINE\/MDX\/TL; DOUBLE CHECK IMAGE( 4S PN 98307 )","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Honda","offers":[{"title":"Default Title","offer_id":48359573946560,"sku":"10S20C0241","price":271.56,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/10S20C0241.jpg?v=1780504927"},{"product_id":"nissan-pathfinder-2005-2012-a-c-compressor-4-0l-pathfinder-2005-12-nv1500-nv2500-dks17d0268","title":"NISSAN PATHFINDER 2005-2012 — A\/C COMPRESSOR; 4.0L ; PATHFINDER 2005-12 \u0026 NV1500\/NV2500\/NV3500 2012-20 ( 4S PN 58410 )","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Nissan","offers":[{"title":"Default Title","offer_id":48359574077632,"sku":"DKS17D0268","price":346.02,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/DKS17D0268.png?v=1780504927"},{"product_id":"ford-pickup-f150-2009-2014-a-c-compressor-5-0l-diesel-kiki-f-150-lincoln-mark-lt-dks20dt4471","title":"FORD PICKUP F150 2009-2014 — A\/C COMPRESSOR; 5.0L(DIESEL- KIKI ) ; F-150 \u0026 LINCOLN MARK LT BOTH 2011-2014 ( 4S PN 168660 )","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Ford","offers":[{"title":"Default Title","offer_id":48359574274240,"sku":"DKS20DT4471","price":226.5,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/DKS20DT4471.png?v=1780504929"},{"product_id":"mercedes-m-class-2012-2015-a-c-compressor-7-groove-3-0t-v6-diesel-w-o-rear-ac-ch-7seu17c7777","title":"MERCEDES M-CLASS 2012-2015 — A\/C COMPRESSOR; 7 GROOVE 3.0T V6 DIESEL; W\/O REAR AC; CHECK BEFORE ORDER ( 4S PN 168321)","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Mercedes-Benz","offers":[{"title":"Default Title","offer_id":48359575781568,"sku":"7SEU17C7777","price":226.5,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/7777.jpg?v=1780504929"},{"product_id":"honda-accord-2013-2017-a-c-compressor-7-grooves-2-4l-2013-2017-198303-38810-5a2-10sre18c1230","title":"HONDA ACCORD 2013-2017 — A\/C COMPRESSOR; 7 GROOVES; 2.4L; 2013-2017 (198303) (38810-5A2-A01)","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Honda","offers":[{"title":"Default Title","offer_id":48359575814336,"sku":"10SRE18C1230","price":418.29,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/10SRE18C1230.png?v=1780504931"},{"product_id":"honda-crv-2012-2016-a-c-compressor-7-grooves-2-4l-cr-v-2015-2016-ilx-2016-2018-6-trse091222","title":"HONDA CRV 2012-2016 — A\/C COMPRESSOR; 7 GROOVES; 2.4L; CR-V 2015-2016; ILX 2016-2018 (68580) (38810-5LA-A01)","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Honda","offers":[{"title":"Default Title","offer_id":48359575847104,"sku":"TRSE091222","price":297.84,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TRSE091222.png?v=1780504932"},{"product_id":"audi-a3-2006-2013-a-c-compressor-a3-a4-a5-q5-tt-beetle-cc-eos-golf-gti-jetta-dou-pxe160285","title":"AUDI A3 2006-2013 — A\/C COMPRESSOR; A3\/A4\/A5\/Q5\/TT\/BEETLE\/CC\/EOS\/GOLF\/GTI\/JETTA; DOUBLE CHECK IMAGE(4S PN 168646 )","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Audi","offers":[{"title":"Default Title","offer_id":48359575879872,"sku":"PXE160285","price":420.48,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/PXE16.jpg?v=1780504935"},{"product_id":"chevrolet-cobalt-2005-2010-a-c-compressor-chevy-series-pontiac-saturn-double-che-cvc21588","title":"CHEVROLET COBALT 2005-2010 — A\/C COMPRESSOR; CHEVY SERIES\/PONTIAC\/SATURN ; DOUBLE CHECK IMAGE ( 4S PN 68275 )","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Chevrolet","offers":[{"title":"Default Title","offer_id":48359575912640,"sku":"CVC21588","price":226.5,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/CVC211588.jpg?v=1780504936"}],"url":"https:\/\/japandirectjapanese.com\/collections\/ac-compressors\/bmw.oembed","provider":"Japan Direct Japanese Auto Parts","version":"1.0","type":"link"}