2026 All-New Toyota C-HR

stylesheet

/* FORCE VISIBILITY FOR CARDS */ div.info-card-wrapper div.info-card { display: flex !important; flex-direction: column !important; flex: 1 1 300px !important; max-width: 380px !important; min-width: 300px !important; /* THE BOUNDING BOX - Increased thickness and darker color for visibility */ border: 2px solid #333333 !important; background-color: #ffffff !important; border-radius: 8px !important; /* Layout and Spacing */ margin: 10px !important; padding: 30px 0 0 0 !important; text-align: center !important; box-sizing: border-box !important; box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important; visibility: visible !important; opacity: 1 !important; } /* CONTAINER FIX */ div.info-card-wrapper { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 20px !important; width: 100% !important; clear: both !important; padding: 40px 0 !important; } /* STATS SECTION (The Gray Box) */ div.info-card div.stats-container { display: flex !important; background-color: #f4f4f4 !important; border-top: 1px solid #333333 !important; margin-top: auto !important; padding: 20px 0 !important; border-radius: 0 0 8px 8px !important; } div.info-card div.stat-item { flex: 1 !important; border-right: 1px solid #cccccc !important; } div.info-card div.stat-item:last-child { border-right: none !important; } /* TYPOGRAPHY & IMAGES */ div.info-card h2.card-title { font-weight: 800 !important; font-size: 1.6rem !important; margin: 0 0 5px 0 !important; color: #000000 !important; } div.info-card p.card-subtitle { font-size: 0.9rem !important; color: #555555 !important; margin-bottom: 20px !important; } div.info-card img.card-image { width: 85% !important; height: auto !important; margin: 0 auto 30px auto !important; } div.info-card span.stat-value { font-weight: 800 !important; font-size: 1.4rem !important; display: block !important; color: #000 !important; } div.info-card span.stat-label { font-size: 0.7rem !important; text-transform: uppercase !important; font-weight: bold !important; color: #666 !important; } /*----------------------------------------------------------*/ /* --- Vehicle Overlay Section (add to Additional CSS) --- */ /* 1. Main Container: Grid layout is key to placing the box over the image */ .vehicle-info-section { display: grid; grid-template-columns: repeat(12, 1fr); /* 12-column grid */ align-items: center; /* Vertically center the box */ padding-top: 20px padding-bottom: 0px; max-width: 1300px; margin: 0 auto; position: relative; } /* 2. Background Image Wrapper: Spans full width behind the grid */ .vis-image-wrapper { grid-column: 1 / -1; /* Spans all columns (full width) */ grid-row: 1; /* Sits on row 1 */ z-index: 1; overflow: hidden; border-radius: 8px; /* Optional: adds soft corners to the image */ aspect-ratio: 16 / 9; /* Ensures a consistent widescreen look */ } .vis-image-wrapper img { width: 100%; height: 100%; object-fit: cover; /* Ensures the car isn't stretched */ display: block; } /* 3. The Modern Info Box: Placed on the same row as the image but over it */ .vis-info-box { grid-column: 8 / 13; /* Placed from column 8 to column 13 (right side) */ grid-row: 1; /* Also on row 1 */ z-index: 2; /* Sits above the image */ /* Modern "Glassmorphism" look */ background: rgba(255, 255, 255, 0.85); /* White with 85% opacity */ backdrop-filter: blur(10px); /* Creates the frosted glass effect */ -webkit-backdrop-filter: blur(10px); padding: 50px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.3); /* Soft white border */ box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1); /* Deep, soft shadow for depth */ /* Small movement to make it look active */ transition: transform 0.3s ease, box-shadow 0.3s ease; } .vis-info-box:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); } /* 4. Inside the Box: Title and Text */ .vis-pretitle { font-size: 14px; text-transform: uppercase; letter-spacing: 2px; color: #666; margin-bottom: 10px; display: block; } .vis-title { font-size: 38px; font-weight: 800; color: #000; margin: 0 0 25px 0; line-height: 1.1; } .vis-description { font-size: 16px; color: #444; line-height: 1.6; margin-bottom: 35px; } /* 5. Modern Button */ .vis-button { display: inline-block; background-color: #000; /* Primary brand color */ color: #fff; padding: 15px 35px; border-radius: 4px; text-decoration: none; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; transition: background-color 0.2s ease; } .vis-button:hover { background-color: #333; /* Darker on hover */ color: #fff; } /* === 6. Responsive Mobile Design === */ @media (max-width: 1024px) { .vis-info-box { grid-column: 6 / 13; /* Make box wider on tablets */ padding: 40px; } } @media (max-width: 768px) { .vehicle-info-section { display: block; /* Turn off grid on mobile */ padding: 40px 20px; } .vis-image-wrapper { margin-bottom: 20px; /* Space between image and box */ } .vis-info-box { position: static; /* Box sits below the image */ width: 100%; margin-top: -60px; /* Pull it slightly up to still overlap a bit */ position: relative; z-index: 2; padding: 30px; } .vis-title { font-size: 28px; } }

2026 All-New Toyota C-HR in Markham, Ontario

The all-new, all-electric 2026 Toyota C-HR is a bold leap forward, proving that you don’t have to sacrifice style to embrace a more sustainable future. Designed to stand alone with a sharp, athletic silhouette, this isn't just another SUV—it’s a dedicated Battery Electric Vehicle (BEV) built with the Canadian driver in mind. Whether you are navigating tight city streets or heading out on a weekend getaway, the C-HR delivers a seamless blend of performance and sophisticated design that feels right at home in any environment.

2026 All-New Toyota C-HR in Markham, Ontario

The all-new, all-electric 2026 Toyota C-HR is a bold leap forward, proving that you don’t have to sacrifice style to embrace a more sustainable future. Designed to stand alone with a sharp, athletic silhouette, this isn't just another SUV—it’s a dedicated Battery Electric Vehicle (BEV) built with the Canadian driver in mind. Whether you are navigating tight city streets or heading out on a weekend getaway, the C-HR delivers a seamless blend of performance and sophisticated design that feels right at home in any environment.

C-HR

SE FWD

2026-C-HR-SE-FWD
ENGINE
496 km EST. ELECTRIC DRIVING RANGE (KM)
221 (167) HORSEPOWER (KW)

C-HR

XSE AWD

2026-C-HR-XSE-AWD
ENGINE
452 km EST. ELECTRIC DRIVING RANGE (KM)
338 (255.3 ) HORSEPOWER (KW)
2026_CHR

SPORTY DESIGN TOUCHES

C-HR really put on quite a display, with a sport rear diffuser, available 2-tone roof, and available 20” wheels.

Electric Motors

The SE FWD model utilizes a high-capacity lithium-ion battery pack to energize a precision-engineered front-mounted electric motor. For those seeking enhanced performance and traction, XSE AWD models are equipped with a dual-motor configuration, featuring dedicated power units at both the front and rear axles.

All-Weather Readiness

Engineered for the demands of the Canadian climate, the C-HR incorporates a Regenerative Braking Mode to optimize battery efficiency across all driving conditions. To ensure peak performance during winter, integrated battery preconditioning for Level 3 charging facilitates consistent and reliable charging speeds even in colder temperatures.

E-TNGA Platform

The C-HR is built upon the advanced e-TNGA (Toyota New Global Architecture) platform, specifically designed to house the battery deep within the chassis. This strategic placement results in a lower center of gravity, significantly enhancing driving dynamics while providing the driver with a heightened sense of stability and precision.

2026-C-HR

EV BATTERY PERFORMANCE

C-HR’s battery is designed to last the life of your vehicle and then some, as long as the right EV charging practices are followed.

2026 All-New C-HR Design

The all-new C-HR redefines the compact SUV, with a coupe-like silhouette that emphasizes its athletic stance. The exterior is marked by clean, modern lines and functional highlights such as an available fixed panoramic moonroof, 20-inch gunmetal-finished wheels, and a sport rear diffuser. Inside, the cabin offers a driver-centric environment with premium soft-touch materials, customizable ambient lighting, and upscale SofTex-trimmed seating, blending emotional style with a spacious, open-concept feel.

2026 All-New C-HR Performance

Built on the dedicated e-TNGA battery electric vehicle platform, the C-HR delivers a refined and spirited driving experience with a low center of gravity for enhanced stability. Canadian drivers can choose between a front-wheel-drive model producing 221 horsepower or a dual-motor all-wheel-drive system that boasts a combined 338 horsepower and a 0–100 km/h time of just 5.2 seconds. To ensure year-round reliability, the vehicle features battery preconditioning for optimized Level 3 fast charging in cold weather and four levels of adjustable regenerative braking to maximize efficiency across its impressive driving range.

2026 All-New C-HR Technology

At the heart of the C-HR’s interior is a massive 14-inch Toyota Multimedia touchscreen that serves as a high-tech command center with wireless Apple CarPlay and Android Auto integration. The experience is further elevated by a fully digital gauge cluster and the Intelligent Assistant, which responds to natural voice commands like “Hey Toyota” to control climate, navigation, and audio. Modern convenience is prioritized with dual wireless Qi chargers, cloud-based navigation with real-time updates, and an available 9-speaker JBL Premium Audio system that transforms the quiet electric cabin into a high-fidelity soundstage.

2026 All-New C-HR Safety

The C-HR comes standard with Toyota Safety Sense 3.0, the latest suite of intelligent technologies designed to support driver awareness and accident prevention. This comprehensive package includes an enhanced Pre-Collision System with pedestrian, bicycle, and motorcycle detection, as well as intersection collision avoidance and Emergency Steering Assist. Combined with standard features like Dynamic Radar Cruise Control with Curve Speed Management, Lane Departure Alert, and 10 airbags, the C-HR provides a multi-layered shield of protection for every journey.

Available Trims

MT

PREMIUM MT

PREMIUM AT

YUZU EDITION MT

For more Info on the ALL-NEW 2026 Toyota C-HR, fill out the form below.