{"product_id":"1993-1999-peugeot-306-car-service-repair-manual","title":"Peugeot 306 Service Repair Manual 1993-1999","description":"\n\u003cdiv style=\"width: 100%; margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif; line-height: 1.6; color: #2d3748; background: #f3f6f8;\"\u003e\n    \n\n\u003cdiv style=\"width: 100%; margin: 0; margin-bottom: 2px; background: white; overflow: hidden; border: 1px solid #0073b1; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;\"\u003e\n    \u003cdiv style=\"background: linear-gradient(135deg, #0073b1 0%, #004471 100%); color: white; padding: 16px; text-align: center;\"\u003e\n        \u003cdiv style=\"font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;\"\u003e\n            🏷️ Basic Information\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f3f6f8; border-left: 4px solid #0073b1; padding: 12px 16px; font-weight: 600; color: #004471; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #0073b1; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Identification\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #004471; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Make:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Peugeot\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #004471; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Model:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            306\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #004471; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Production Years Covered:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            1993-1999\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #004471; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Product Type:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Workshop Service \/ Repair Manual\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv style=\"width: 100%; margin: 0; margin-bottom: 2px; background: white; overflow: hidden; border: 1px solid #378fe9; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;\"\u003e\n    \u003cdiv style=\"background: linear-gradient(135deg, #378fe9 0%, #1e5f99 100%); color: white; padding: 16px; text-align: center;\"\u003e\n        \u003cdiv style=\"font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;\"\u003e\n            👋 Introduction\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f4f7fa; border-left: 4px solid #378fe9; padding: 12px 16px; font-weight: 600; color: #1e5f99; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #378fe9; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Market Position\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f4f7fa;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1e5f99; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Target Audience:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            DIY enthusiasts, independent repair shops, and Peugeot 306 owners seeking detailed technical information.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f4f7fa; border-left: 4px solid #378fe9; padding: 12px 16px; font-weight: 600; color: #1e5f99; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #378fe9; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Competitive Analysis\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f4f7fa;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1e5f99; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Advantage Over Oem:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Cost-effective alternative to expensive factory service manual CDs, offering equivalent comprehensive data in a convenient format.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f4f7fa; border-left: 4px solid #378fe9; padding: 12px 16px; font-weight: 600; color: #1e5f99; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #378fe9; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Key Features\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f4f7fa;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1e5f99; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Completeness:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Stated to be a complete workshop manual, covering all aspects of vehicle repair and maintenance.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f4f7fa;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1e5f99; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Platform Compatibility:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Works on all PC-based Windows operating systems and Mac.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f4f7fa;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1e5f99; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Digital Convenience:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            PDF format allows for easy navigation, searching, and selective printing.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv style=\"width: 100%; margin: 0; margin-bottom: 2px; background: white; overflow: hidden; border: 1px solid #1a5490; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;\"\u003e\n    \u003cdiv style=\"background: linear-gradient(135deg, #1a5490 0%, #0d3d6b 100%); color: white; padding: 16px; text-align: center;\"\u003e\n        \u003cdiv style=\"font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;\"\u003e\n            📋 Manual Details\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f2f5f8; border-left: 4px solid #1a5490; padding: 12px 16px; font-weight: 600; color: #0d3d6b; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #1a5490; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Coverage Areas\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f2f5f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #0d3d6b; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Primary Coverage:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Comprehensive workshop repair and maintenance for Peugeot 306 models (1993-1999)\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f2f5f8; border-left: 4px solid #1a5490; padding: 12px 16px; font-weight: 600; color: #0d3d6b; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #1a5490; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Page Count\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f2f5f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #0d3d6b; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Estimated Page Count:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Likely over 1000 pages (typical for a complete workshop manual of this era and coverage)\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f2f5f8; border-left: 4px solid #1a5490; padding: 12px 16px; font-weight: 600; color: #0d3d6b; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #1a5490; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Manual Type\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f2f5f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #0d3d6b; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Manual Type:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Workshop Service Manual \/ Repair Manual\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f2f5f8; border-left: 4px solid #1a5490; padding: 12px 16px; font-weight: 600; color: #0d3d6b; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #1a5490; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Language\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f2f5f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #0d3d6b; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Language:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            English\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f2f5f8; border-left: 4px solid #1a5490; padding: 12px 16px; font-weight: 600; color: #0d3d6b; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #1a5490; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Format\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f2f5f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #0d3d6b; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Digital Format:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            PDF\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv style=\"width: 100%; margin: 0; margin-bottom: 2px; background: white; overflow: hidden; border: 1px solid #2867b2; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;\"\u003e\n    \u003cdiv style=\"background: linear-gradient(135deg, #2867b2 0%, #1a4d80 100%); color: white; padding: 16px; text-align: center;\"\u003e\n        \u003cdiv style=\"font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;\"\u003e\n            📖 Manual Coverage\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f3f6f9; border-left: 4px solid #2867b2; padding: 12px 16px; font-weight: 600; color: #1a4d80; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #2867b2; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Systems Covered\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1a4d80; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Engine Repair:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Detailed procedures for all engine variants, including disassembly, inspection, and reassembly.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1a4d80; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Fuel System:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Coverage includes fuel injection systems (e.g., Bosch Motronic, Siemens), fuel pumps, injectors, lines, and fuel pressure testing.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1a4d80; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Cooling System:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Radiator, coolant pump, thermostat, hoses, expansion tank, and coolant type specifications.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1a4d80; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Lubrication Maintenance:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Oil change procedures, filter types, oil specifications, lubrication points, and preventative maintenance schedules.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1a4d80; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Transmission Repair:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Covers both manual and automatic transmissions, including clutch operation, gearbox overhauls, and fluid specifications.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1a4d80; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Brakes:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Hydraulic system, brake fluid type, ABS components, brake pad\/disc replacement, caliper overhaul, and bleeding procedures.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1a4d80; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Suspension Steering:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Front and rear suspension components, shock absorbers, springs, ball joints, steering rack, power steering system, and wheel alignment.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1a4d80; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Electrical System:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Comprehensive coverage of starter motor, alternator, battery, lighting, ignition system, sensors, and control modules.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1a4d80; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Body Chassis:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Body panel removal and installation, door mechanisms, interior trim, and chassis component identification.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1a4d80; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Heating Air Conditioning:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            HVAC system operation, refrigerant types, component testing, and blower motor\/evaporator servicing.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1a4d80; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Emission Control:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #666666; background: #f5f5f5; padding: 8px 12px; border-radius: 8px; border: 1px solid #d0d0d0; font-weight: 600; font-size: 14px;\"\u003e\n            Catalytic converter, oxygen sensors, EGR system, evaporative emission control (EVAP), and related diagnostics.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1a4d80; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Wiring Diagrams:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #666666; background: #f5f5f5; padding: 8px 12px; border-radius: 8px; border: 1px solid #d0d0d0; font-weight: 600; font-size: 14px;\"\u003e\n            Detailed electrical schematics for all vehicle systems, crucial for diagnosing electrical faults.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f3f6f9; border-left: 4px solid #2867b2; padding: 12px 16px; font-weight: 600; color: #1a4d80; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #2867b2; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Procedures Included\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1a4d80; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Preventative Maintenance:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Scheduled maintenance tasks, fluid level checks, filter replacements, and belt inspections.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1a4d80; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Troubleshooting:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #666666; background: #f5f5f5; padding: 8px 12px; border-radius: 8px; border: 1px solid #d0d0d0; font-weight: 600; font-size: 14px;\"\u003e\n            Diagnostic flowcharts and symptom-based troubleshooting guides for common problems.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1a4d80; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Component Repair Rebuild:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Step-by-step instructions for major component repairs and rebuilds (e.g., engine, gearbox, calipers).\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1a4d80; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Diagnostic Procedures:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #666666; background: #f5f5f5; padding: 8px 12px; border-radius: 8px; border: 1px solid #d0d0d0; font-weight: 600; font-size: 14px;\"\u003e\n            Information on using diagnostic tools, sensor testing, and interpreting error codes (where applicable).\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1a4d80; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Torque Specifications:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Essential torque settings for all critical fasteners to ensure proper assembly and prevent damage.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f3f6f9; border-left: 4px solid #2867b2; padding: 12px 16px; font-weight: 600; color: #1a4d80; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #2867b2; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Technical Depth\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1a4d80; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Depth Of Coverage:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Covers everything from basic fluid checks and filter replacements to complete engine and transmission overhauls.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1a4d80; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Diagnostic Complexity:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #666666; background: #f5f5f5; padding: 8px 12px; border-radius: 8px; border: 1px solid #d0d0d0; font-weight: 600; font-size: 14px;\"\u003e\n            Includes detailed diagnostics for mechanical, electrical, and electronic systems.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1a4d80; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Visual Aids:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Abundant pictures, diagrams, and illustrations to aid understanding of complex procedures.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv style=\"width: 100%; margin: 0; margin-bottom: 2px; background: white; overflow: hidden; border: 1px solid #0a66c2; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;\"\u003e\n    \u003cdiv style=\"background: linear-gradient(135deg, #0a66c2 0%, #004182 100%); color: white; padding: 16px; text-align: center;\"\u003e\n        \u003cdiv style=\"font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;\"\u003e\n            📊 Manual Specifications\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f2f5f9; border-left: 4px solid #0a66c2; padding: 12px 16px; font-weight: 600; color: #004182; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #0a66c2; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        File Format\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f2f5f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #004182; font-size: 15px; margin-bottom: 6px;\"\u003e\n            File Type:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            PDF (Portable Document Format)\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f2f5f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #004182; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Searchability:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Searchable text allows for quick retrieval of specific information.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f2f5f9; border-left: 4px solid #0a66c2; padding: 12px 16px; font-weight: 600; color: #004182; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #0a66c2; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Print Quality\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f2f5f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #004182; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Printability:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Fully printable, allowing users to print entire sections or specific pages as needed.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f2f5f9; border-left: 4px solid #0a66c2; padding: 12px 16px; font-weight: 600; color: #004182; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #0a66c2; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Binding Type\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f2f5f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #004182; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Binding:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #666666; background: #f5f5f5; padding: 8px 12px; border-radius: 8px; border: 1px solid #d0d0d0; font-weight: 600; font-size: 14px;\"\u003e\n            N\/A (Digital format, no physical binding)\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f2f5f9; border-left: 4px solid #0a66c2; padding: 12px 16px; font-weight: 600; color: #004182; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #0a66c2; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Paper Type\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f2f5f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #004182; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Paper Quality:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #666666; background: #f5f5f5; padding: 8px 12px; border-radius: 8px; border: 1px solid #d0d0d0; font-weight: 600; font-size: 14px;\"\u003e\n            N\/A (Digital format, no physical paper)\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f2f5f9; border-left: 4px solid #0a66c2; padding: 12px 16px; font-weight: 600; color: #004182; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #0a66c2; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Delivery Method\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f2f5f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #004182; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Delivery:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #666666; background: #f5f5f5; padding: 8px 12px; border-radius: 8px; border: 1px solid #d0d0d0; font-weight: 600; font-size: 14px;\"\u003e\n            Email delivery, no shipping required.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv style=\"width: 100%; margin: 0; margin-bottom: 2px; background: white; overflow: hidden; border: 1px solid #4a90a4; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;\"\u003e\n    \u003cdiv style=\"background: linear-gradient(135deg, #4a90a4 0%, #2c5f75 100%); color: white; padding: 16px; text-align: center;\"\u003e\n        \u003cdiv style=\"font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;\"\u003e\n            ⚙️ Engine Specifications\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f4f7f9; border-left: 4px solid #4a90a4; padding: 12px 16px; font-weight: 600; color: #2c5f75; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #4a90a4; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Primary Engine\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f4f7f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #2c5f75; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Engine Variants Covered:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Likely covers petrol engines (e.g., XU7 JP, XU9 JA, XU10 J2, EW7 J4) and HDi diesel engines (e.g., DW8, DW10 TD).\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f4f7f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #2c5f75; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Displacement Options:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Common displacements include 1.4L, 1.6L, 1.8L, 1.9L (D\/DT\/SDi), 2.0L (petrol and HDi).\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f4f7f9; border-left: 4px solid #4a90a4; padding: 12px 16px; font-weight: 600; color: #2c5f75; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #4a90a4; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Performance\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f4f7f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #2c5f75; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Horsepower Range:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Typically ranging from 75 hp to 135 hp depending on engine and tune.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f4f7f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #2c5f75; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Torque Specifications:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Detailed torque settings for cylinder head bolts, main bearings, connecting rods, etc., will be provided.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f4f7f9; border-left: 4px solid #4a90a4; padding: 12px 16px; font-weight: 600; color: #2c5f75; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #4a90a4; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Fuel System\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f4f7f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #2c5f75; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Fuel Injection Type:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Multi-point fuel injection (MPI) for petrol, common rail direct injection (CRDi) for HDi models.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f4f7f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #2c5f75; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Fuel Type Specifications:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Details on recommended unleaded petrol octanes and diesel fuel grades.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv style=\"width: 100%; margin: 0; margin-bottom: 2px; background: white; overflow: hidden; border: 1px solid #5a7c8a; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;\"\u003e\n    \u003cdiv style=\"background: linear-gradient(135deg, #5a7c8a 0%, #3d5762 100%); color: white; padding: 16px; text-align: center;\"\u003e\n        \u003cdiv style=\"font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;\"\u003e\n            🔧 Transmission\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f5f7f8; border-left: 4px solid #5a7c8a; padding: 12px 16px; font-weight: 600; color: #3d5762; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #5a7c8a; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Standard\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f5f7f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #3d5762; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Standard Transmission:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Likely a 5-speed manual gearbox (e.g., BE3, ML5C).\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f5f7f8; border-left: 4px solid #5a7c8a; padding: 12px 16px; font-weight: 600; color: #3d5762; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #5a7c8a; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Optional\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f5f7f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #3d5762; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Optional Transmission:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Possibly a 4-speed automatic transmission (e.g., AL4) on some models.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f5f7f8; border-left: 4px solid #5a7c8a; padding: 12px 16px; font-weight: 600; color: #3d5762; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #5a7c8a; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Features\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f5f7f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #3d5762; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Transmission Fluid Type:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Specific ATF or gear oil specifications and capacities will be detailed.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f5f7f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #3d5762; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Clutch System:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Hydraulic clutch operation, clutch disc, pressure plate, and release bearing replacement procedures.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv style=\"width: 100%; margin: 0; margin-bottom: 2px; background: white; overflow: hidden; border: 1px solid #1b659d; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;\"\u003e\n    \u003cdiv style=\"background: linear-gradient(135deg, #1b659d 0%, #0f4471 100%); color: white; padding: 16px; text-align: center;\"\u003e\n        \u003cdiv style=\"font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;\"\u003e\n            📐 Dimensions\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f2f6f8; border-left: 4px solid #1b659d; padding: 12px 16px; font-weight: 600; color: #0f4471; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #1b659d; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Exterior\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f2f6f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #0f4471; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Body Styles:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Hatchback (3-door and 5-door), Saloon (4-door), Estate (break), and Coupe Cabriolet (Ph2).\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f2f6f8; border-left: 4px solid #1b659d; padding: 12px 16px; font-weight: 600; color: #0f4471; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #1b659d; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Weights\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f2f6f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #0f4471; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Curb Weight Range:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Typically between 1050 kg and 1350 kg depending on engine and body style.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv style=\"width: 100%; margin: 0; margin-bottom: 2px; background: white; overflow: hidden; border: 1px solid #2e5984; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;\"\u003e\n    \u003cdiv style=\"background: linear-gradient(135deg, #2e5984 0%, #1a3c5c 100%); color: white; padding: 16px; text-align: center;\"\u003e\n        \u003cdiv style=\"font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;\"\u003e\n            🛡️ Safety Features\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f3f6f8; border-left: 4px solid #2e5984; padding: 12px 16px; font-weight: 600; color: #1a3c5c; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #2e5984; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Ratings\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1a3c5c; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Euro Ncap Rating:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Later models (post-facelift) achieved 3 stars for adult occupant protection. Early models may have lower ratings.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f3f6f8; border-left: 4px solid #2e5984; padding: 12px 16px; font-weight: 600; color: #1a3c5c; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #2e5984; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Active Features\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1a3c5c; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Braking System:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #0073b1; background: #e8f4f8; padding: 8px 12px; border-radius: 8px; border: 1px solid #b3d9f2; font-weight: 600; font-size: 14px;\"\u003e\n            ABS (Anti-lock Braking System) available on higher trims, ventilated front discs, solid rear discs.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f3f6f8; border-left: 4px solid #2e5984; padding: 12px 16px; font-weight: 600; color: #1a3c5c; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #2e5984; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Passive Features\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1a3c5c; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Airbags:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #0073b1; background: #e8f4f8; padding: 8px 12px; border-radius: 8px; border: 1px solid #b3d9f2; font-weight: 600; font-size: 14px;\"\u003e\n            Driver airbag standard on most models; passenger airbag optional on later versions.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1a3c5c; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Seatbelts:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Pyrotechnic pre-tensioners for front seatbelts on some models.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv style=\"width: 100%; margin: 0; margin-bottom: 2px; background: white; overflow: hidden; border: 1px solid #3b82c4; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;\"\u003e\n    \u003cdiv style=\"background: linear-gradient(135deg, #3b82c4 0%, #1f4a75 100%); color: white; padding: 16px; text-align: center;\"\u003e\n        \u003cdiv style=\"font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;\"\u003e\n            💡 Technology Features\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f4f7f9; border-left: 4px solid #3b82c4; padding: 12px 16px; font-weight: 600; color: #1f4a75; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #3b82c4; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Infotainment\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f4f7f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1f4a75; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Audio System:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Factory-fitted radios, often with CD players on later models. Speaker configurations vary by trim.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f4f7f9; border-left: 4px solid #3b82c4; padding: 12px 16px; font-weight: 600; color: #1f4a75; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #3b82c4; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Driver Assistance\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f4f7f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1f4a75; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Cruise Control:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Optional on higher specification models, particularly with the 2.0L engines.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f4f7f9; border-left: 4px solid #3b82c4; padding: 12px 16px; font-weight: 600; color: #1f4a75; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #3b82c4; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Connectivity\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f4f7f9;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #1f4a75; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Immobiliser:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Factory fitted engine immobiliser system.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv style=\"width: 100%; margin: 0; margin-bottom: 2px; background: white; overflow: hidden; border: 1px solid #0077b5; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;\"\u003e\n    \u003cdiv style=\"background: linear-gradient(135deg, #0077b5 0%, #00405c 100%); color: white; padding: 16px; text-align: center;\"\u003e\n        \u003cdiv style=\"font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;\"\u003e\n            🔧 Maintenance\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f3f6f8; border-left: 4px solid #0077b5; padding: 12px 16px; font-weight: 600; color: #00405c; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #0077b5; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Service Intervals\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #00405c; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Oil Change Interval:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Typically every 10,000 miles or 12 months, whichever comes first, but consult manual for specific engine variants.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #00405c; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Timing Belt Replacement:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Crucial interval, typically around 60,000 miles or 4-5 years for petrol engines. Diesel engines may have different intervals or chains. Manual will specify.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f3f6f8; border-left: 4px solid #0077b5; padding: 12px 16px; font-weight: 600; color: #00405c; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #0077b5; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Fluid Specifications\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #00405c; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Engine Oil Viscosity:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #0073b1; background: #e8f4f8; padding: 8px 12px; border-radius: 8px; border: 1px solid #b3d9f2; font-weight: 600; font-size: 14px;\"\u003e\n            Commonly 5W-30 or 10W-40 (e.g., PSA Standard B71 2290 for diesel, B71 2300 for petrol). Manual will confirm.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #00405c; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Coolant Type:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Ethylene glycol based, typically long-life coolant (e.g., PSA coolant GSF 2340).\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #00405c; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Brake Fluid Type:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            DOT 4 brake fluid recommended.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f3f6f8; border-left: 4px solid #0077b5; padding: 12px 16px; font-weight: 600; color: #00405c; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #0077b5; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Known Issues\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #00405c; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Rear Beam Suspension:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #666666; background: #f5f5f5; padding: 8px 12px; border-radius: 8px; border: 1px solid #d0d0d0; font-weight: 600; font-size: 14px;\"\u003e\n            The torsion beam suspension is known for potential wear in the torsion bars and bearings, leading to alignment issues and a noisy ride.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #00405c; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Heater Matrix:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Leaking heater matrix is a common failure, often requiring dashboard removal.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #00405c; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Central Locking And Window Regulators:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #666666; background: #f5f5f5; padding: 8px 12px; border-radius: 8px; border: 1px solid #d0d0d0; font-weight: 600; font-size: 14px;\"\u003e\n            Electrical gremlins, including faulty central locking motors and failing window regulators, are not uncommon.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #00405c; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Engine Management:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Issues with lambda sensors, ignition coils (on petrol), and fuel injectors can occur.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv style=\"width: 100%; margin: 0; margin-bottom: 2px; background: white; overflow: hidden; border: 1px solid #0073b1; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;\"\u003e\n    \u003cdiv style=\"background: linear-gradient(135deg, #0073b1 0%, #004471 100%); color: white; padding: 16px; text-align: center;\"\u003e\n        \u003cdiv style=\"font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;\"\u003e\n            📚 Vehicle History\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f3f6f8; border-left: 4px solid #0073b1; padding: 12px 16px; font-weight: 600; color: #004471; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #0073b1; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Brand Heritage\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #004471; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Peugeot Philosophy:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #666666; background: #f5f5f5; padding: 8px 12px; border-radius: 8px; border: 1px solid #d0d0d0; font-weight: 600; font-size: 14px;\"\u003e\n            Peugeot is known for its sophisticated ride and handling characteristics, often referred to as 'French flair'.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f3f6f8; border-left: 4px solid #0073b1; padding: 12px 16px; font-weight: 600; color: #004471; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #0073b1; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Model Evolution\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #004471; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Generations:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            The Peugeot 306 is the successor to the 309 and was produced in two main phases (Phase 1: 1993-1997, Phase 2: 1997-2001), with this manual covering up to the 1999 model year.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f3f6f8; border-left: 4px solid #0073b1; padding: 12px 16px; font-weight: 600; color: #004471; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #0073b1; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Production\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #004471; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Manufacturing Locations:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Primarily manufactured in France and the UK.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv style=\"width: 100%; margin: 0; margin-bottom: 2px; background: white; overflow: hidden; border: 1px solid #0073b1; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;\"\u003e\n    \u003cdiv style=\"background: linear-gradient(135deg, #0073b1 0%, #004471 100%); color: white; padding: 16px; text-align: center;\"\u003e\n        \u003cdiv style=\"font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;\"\u003e\n            🏆 Awards \u0026amp; Recognition\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f3f6f8; border-left: 4px solid #0073b1; padding: 12px 16px; font-weight: 600; color: #004471; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #0073b1; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Recognitions\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #004471; font-size: 15px; margin-bottom: 6px;\"\u003e\n            European Car Of The Year Nomination:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            The Peugeot 306 was a contender for European Car of the Year upon its launch.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f3f6f8; border-left: 4px solid #0073b1; padding: 12px 16px; font-weight: 600; color: #004471; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #0073b1; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Ratings\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #004471; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Handling Reputation:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Widely praised by automotive journalists for its excellent ride comfort and engaging handling, often considered a benchmark in its class.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"Peugeot","offers":[{"title":"Default Title","offer_id":43314886967356,"sku":"212232","price":142.0,"currency_code":"HKD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0615\/4489\/0428\/files\/212232-peugeot-306-service-repair-manual-1993-1999_cad9f1da-7a3f-403a-ba60-25e28552383f.jpg?v=1752826317","url":"https:\/\/car-manual.com\/zh\/products\/1993-1999-peugeot-306-car-service-repair-manual","provider":"Car-Manual.com Car Repair Workshop Manuals","version":"1.0","type":"link"}