

<!doctype html>
<html  lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" >
        
        
        <title>Mazda Unlimited Warranty Program | Mazda of Toronto in North York</title>
<meta name="description" content="Get information about Mazda Unlimited Mileage Warranty, a 1st-of-its kind program that offers unlimited mileage on various {make} vehicles. Visit us at Mazda of Toronto in North York today!">


<meta property="og:type" content="website"/>
<meta property="og:title" content="Mazda Unlimited Warranty Program | Mazda of Toronto in North York"/>
<meta property="og:description" content="Get information about Mazda Unlimited Mileage Warranty, a 1st-of-its kind program that offers unlimited mileage on various {make} vehicles. Visit us at Mazda of Toronto in North York today!"/>
<meta property="og:site_name" content="Mazda of Toronto"/>
<meta property="og:url" content="/en/services/unlimited-mileage-warranty"/>
<meta property="og:image" content="https://img.sm360.ca/images/web/mazda-of-toronto/3758/mazda-logo-white-desktop16576318255351658244356521.png"/>
<meta property="og:locale" content="en"/>


<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Mazda Unlimited Warranty Program | Mazda of Toronto in North York">
<meta name="twitter:description" content="Get information about Mazda Unlimited Mileage Warranty, a 1st-of-its kind program that offers unlimited mileage on various {make} vehicles. Visit us at Mazda of Toronto in North York today!">


    <meta name="twitter:image" content="https://img.sm360.ca/images/web/mazda-of-toronto/3758/mazda-logo-white-desktop16576318255351658244356521.png">


<meta name="msvalidate.01" content="444CA1CA3843A227659A8B2999622737" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
        
        
    <!-- Google Site -->
    <meta name="google-site-verification" content="e-kOxykIPds5K_-JbvGOu5esfI8eXiEGfIN5ZFXGS9A" />


<link rel="stylesheet" href="https://d1azc1qln24ryf.cloudfront.net/78355/PhoenixJSP/style-svg.css?9h068n">


<link rel="stylesheet" href="https://d1azc1qln24ryf.cloudfront.net/78355/manufacturer-mazda/style-svg.css?1j1ods">


    <link rel="stylesheet" href="https://d1azc1qln24ryf.cloudfront.net/78355/manufacturer-mazda/style-cf.css?uscqnv">


<link type="text/css" rel="stylesheet" href="/css/phoenix-jsp/phoenix-jsp.min.css"><link rel="stylesheet" href="https://unpkg.com/swiper@6.8.4/swiper-bundle.min.css">
<link rel="stylesheet" href="https://d1azc1qln24ryf.cloudfront.net/78355/mazda-toronto-2022/style-svg.css?rw7isp">


<link type="text/css" rel="stylesheet" href="/css/manufacturers/mazda/mazda.min.css">


<link href="/css/theme/mazda-toronto-2022/main.css?v=075300995" type="text/css" rel="stylesheet"/>


<link href="/css/theme/mazda-toronto-2022/compliance/mazda.css?v=075300995" type="text/css" rel="stylesheet"/>


<link href="/css/theme/mazda-toronto-2022/website/mazda-toronto-2022/website.css?v=075300995" type="text/css" rel="stylesheet"/>
<link type="text/css" rel="stylesheet" href="/css/showroom/specific-make/mazda.css">

        
        <link rel="icon" href="https://img.sm360.ca/images/manufacturer/mazda/mazda-color-16.png">
        
        
        <!--[if lt IE 9]>
        <script src="//cdn.sm360.ca/varia/js/src/min/html5.js"></script>
        <![endif]-->

        <script type="text/javascript">
            if (typeof console === "undefined") {
                var console = {
                    log: function(value) {
                        return;
                    }
                };
            }
        </script>

        <link rel="dns-prefetch" href="//cdn.sm360.ca">
        <link rel="preconnect" href="//cdn.sm360.ca">

        
            <link rel="dns-prefetch" href="https://img0.sm360.ca">
            <link rel="preconnect" href="https://img0.sm360.ca">
        
            <link rel="dns-prefetch" href="https://img1.sm360.ca">
            <link rel="preconnect" href="https://img1.sm360.ca">
        
            <link rel="dns-prefetch" href="https://img2.sm360.ca">
            <link rel="preconnect" href="https://img2.sm360.ca">
        

            <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>

            
                        <script defer src="https://code.jquery.com/jquery-migrate-1.2.1.min.js" integrity="sha256-HmfY28yh9v2U4HfIXC+0D6HCdWyZI42qjaiCFEJgpo0=" crossorigin="anonymous"></script>
                    
                
            <script defer src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js" integrity="sha256-xNjb53/rY+WmG+4L6tTl9m6PpqknWZvRt0rO1SRnJzw=" crossorigin="anonymous"></script>
        
    
    <script defer src="//cdn.sm360.ca/varia/js/src/min/jquery.cookie.js"></script>
    <script defer src="//cdn.sm360.ca/varia/js/src/min/jquery.sm360.cookieArray.js"></script>
    <script defer src="//cdn.sm360.ca/varia/js/src/min/compareTool.js"></script>


        <script type="text/javascript" src="/js/phoenix/phoenix.min.js?v=035718206" defer="defer"/></script>

        
                <!-- Datalayer-->
                

<script>
    function clickToCall(){
        var dataLayer = window.dataLayer = window.dataLayer || [];

        dataLayer.push({
            "event": "clickToCall",
            "eventCategory": "profitCenter",
            "eventAction": "click-to-call",
            "mediaConversionType": "soft conversion", // Hardcoded
            "dealership": "Mazda of Toronto",
            
        });
    }
</script>

<script type="text/javascript">
    function clickToDirections(){
        var dataLayer = window.dataLayer = window.dataLayer || [];
        dataLayer.push({
            "event": "clickToCall",
            "eventCategory": "profitCenter",
            "eventAction": "click-to-directions",
            "mediaConversionType": "soft conversion", // Hardcoded
            "dealership": "Mazda of Toronto",
            
        });
    }
</script>

<script>
    function formSubmitted(formName){
        var dataLayer = window.dataLayer = window.dataLayer || [];
        dataLayer.push({
            "event": "formSubmitted",
            "eventCategory": "profitCenter",
            "eventAction": "form submitted",
            "mediaConversionType": "hard conversion", // Hardcoded
            "dealership": "Mazda of Toronto",
            
        });
    }
</script>


        <script type="text/javascript">
        dataLayer = [{
            "isLoggedIn": "false",
            "hasVehicleInGarage": "false",
            "page404": "no",
            "dealership": "Mazda of Toronto",
            "language": "en",
            "device": "desktop",
            pageType:'services' ,profitCenter:'service' ,department:'Other' ,pageName:'Other'
        }];

        // Data Layer builder for gaTriggerEvent
        dataLayerGaTrigger = [{
            pageType:'services' ,profitCenter:'service' ,department:'Other' ,pageName:'Other'
        }];
</script>

    
<script type="text/javascript">
    function setCookie(cname, cvalue, exdays) {
        var expires = "";
        if(exdays) {
            var d = new Date();
            d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
            expires = "; expires=" + d.toUTCString();
        }
        document.cookie = cname + "=" + cvalue + expires + "; path=/;";
    }

    function getCookie(cname) {
        var name = cname + "=";
        var decodedCookie = decodeURIComponent(document.cookie);
        var ca = decodedCookie.split(';');
        for(var i = 0; i <ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') {
                c = c.substring(1);
            }
            if (c.indexOf(name) == 0) {
                return c.substring(name.length, c.length);
            }
        }
        return "";
    }

    function initVdpVisitedEvent() {
        var vdpVisited_cookie = getCookie('vdpVisited');
        var lastVdpVisited_cookie = getCookie('lastVisitedVdp');
        var currentUrl = window.location.href;
        if(vdpVisited_cookie){
            var vdpVisited = parseInt(vdpVisited_cookie);
            if(lastVdpVisited_cookie != currentUrl) {
                vdpVisited++;
                setCookie('vdpVisited', vdpVisited);
                if (vdpVisited == 3) {
                    var eventLabel = '3 VDP Hits';
                    if (typeof (dataLayer) !== 'undefined') {
                        dataLayer.push({
                            'event': 'gaTriggerEvent',
                            'gaEventCategory': 'vdp',
                            'gaEventAction': 'vdpHit',
                            'gaEventLabel': eventLabel
                        });
                    } else if (typeof (ga) !== 'undefined') {
                        //Sending event to analytics
                        ga('send', 'event', 'vdp', 'vdpHit', eventLabel);
                    }
                }
            }
        } else {
            setCookie('vdpVisited', 1);
        }
        setCookie('lastVisitedVdp', currentUrl);
    }

</script>

                
                <!-- Datalayer-->
                

<!-- Google Tag Manager -->
    
        
            <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.defer=true;j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-WHRJV9R');</script>
        
    
<!-- End Google Tag Manager -->


                <!-- Google Tag Manager -->
                <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push(
                    {'gtm.start': new Date().getTime(),event:'gtm.js'}
                );var f=d.getElementsByTagName(s)[0],
                    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.defer=true;j.src=
                    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                })(window,document,'script','dataLayer','GTM-TNRPJSW');</script>
                <!-- End Google Tag Manager -->
            
        
        <script>
    /**
     * Add a hidden input if reCaptcha is enabled
     * @form : form element
     */
    async function handleRecaptcha(form) {
        if(typeof hasRecaptchaEnabled !== "undefined") {
            try{
                const token = await getRecaptchaToken();
                addHiddenInput(token, form);
            }
            catch(e) {
                console.error('An error Recaptcha occurred');
            }
        }
    }

    window.handleRecaptcha = handleRecaptcha;
</script>

<script src="https://www.google.com/recaptcha/enterprise.js?render=6LfQNVEpAAAAAFMt8CapH941JXIHeYfJD3Xwcq08"></script>

    <script type="text/javascript">
        window.hasRecaptchaEnabled = true;
        /**
         * Add Hidden Input tag.
         * @param { String } token - Recaptcha token
         * @param { HTMLCollection } form - Form.
         */
        function addHiddenInput(token, form){
            const hiddenRecaptchaInput = form[0].querySelector('[data-recaptcha-response]');
            if(!hiddenRecaptchaInput) {
                var hiddenInput = document.createElement('input');
                hiddenInput.type = 'hidden';
                hiddenInput.name = 'recaptchaResponse';
                hiddenInput.dataset.recaptchaResponse = '';
                hiddenInput.value = token;
                form[0].appendChild(hiddenInput);
            } else {
                hiddenRecaptchaInput.value = token;
            }
        }

        /**
         * Call grecaptcha.enterprise.execute to get the token.
         */
        function getRecaptchaToken() {
            return new Promise((resolve, reject) => {
                grecaptcha.enterprise.ready(() => {
                    grecaptcha.enterprise
                        .execute('6LfQNVEpAAAAAFMt8CapH941JXIHeYfJD3Xwcq08', { action: 'homepage' })
                        .then((token) => {
                            resolve(token);
                        })
                        .catch((error) => {
                            reject(error);
                        });
                });
            });
        }
    </script>


<script type="text/javascript">
    function offerEvent(offerId, offerName, departmentId, offerUrl, offerExpire) {
        // departmentId 15 is the Service department
        if(departmentId === '2' || departmentId === '3' || departmentId === '14' || departmentId === '15') {
            var data = {
                serviceOfferClick: {
                    offerId: offerId,
                    offerName: offerName
                },
                events: 'serviceOfferClick'
            };
            if(offerExpire) data.serviceOfferClick.offerExpire = offerExpire;
            sd('dataLayer', data);

            sd('send', 'event', 'serviceOfferClick', {
                hitCallback: function() {
                    window.location.href = offerUrl;
                }
            });
        }
        else {
            sd('dataLayer', {
                offerClick: {
                    offerId: offerId,
                    offerName: offerName
                },
                events: 'offerClick'
            });

            sd('send', 'event', 'offerClick', {
                hitCallback: function() {
                    window.location.href = offerUrl;
                }
            });
        }
    }
</script>

<script type="text/javascript">
    function couponEvent(offerId,offerName){
        sd('dataLayer', {
            couponClick: {
                couponId: offerId,
                couponName: offerName
            },
            events: 'couponClick'
        });
        sd('send');
    }
</script>

<script type="text/javascript">
    function carouselEvent(assetPosition,assetName){
        sd('dataLayer', {
            carouselClick: {
                assetPosition: assetPosition,
                assetName: assetName
            },
            events: 'carouselClick'
        });
        sd('send');
    };
</script>

<script type="text/javascript">
    function clickToCallEvent(clickToCallDepartment){
        sd('dataLayer', {
            clickToCallDepartment: clickToCallDepartment,
            events: 'clickToCall',
        });
        sd('send');
    }
</script>

<script type="text/javascript">
    function searchSubmitEvent(typeSearch){
        sd('dataLayer', {
            typedSearchContent: typeSearch,
            events: 'typedSearch'
        });
        sd('send');
    }
</script>

<script type="text/javascript">
    /**
     * Retrieve useful data from a form for Shift Digital.
     * @param formId
     * @return {{formDisplayType: String, formType: String, formElement: Element, optInValue: (String|undefined)}}
     */
    function getFormData(formId) {
        var formElement = getFormElement(formId);
        var optInValue = getOptInValue(formElement);
        var formDisplayType = getFormDisplayType(formElement);
        var formType = getFormType('Get a Quote=1,Finance=2,Test Drive=3,Trade In=4,Schedule Service=5,General Contact=6,Request More Info=7,Trade In=8,Trade In=9,Finance=10,Get a Quote=11,Other=12,Other=13,Request More Info=14,Parts=15,Request More Info=16,Get a Quote=17,Test Drive=18,General Contact=19,General Contact=20,Request More Info=21,Get a Quote=22,General Contact=23,Request More Info=24,Request More Info=25,Specials=26,Request More Info=27,Get a Quote=28,General Contact=29,Specials=30,Request More Info=31,Dealer Custom=32,Specials=33,General Contact=34,Request More Info=35,Test Drive=36,Specials=37,Specials=38,Specials=39,Finance=40,Dealer Custom=41,Trade In=42,Employment=43,Finance=44,Get a Quote=45,Get a Quote=46,Schedule Service=47,Get a Quote=48,Specials=49,Get a Quote=50,Get a Quote=51,Test Drive=52,Request More Info=53,Request More Info=54,Specials=55,Get a Quote=56,Trade In=57,Specials=58,Test Drive=59,Employment=60,Employment=61,Schedule Service=62,Schedule Service=63,Request More Info=64,Request More Info=65,Specials=66,Get a Quote=67,Trade In=68,Trade In=69,Specials=70,Specials=71,Get a Quote=72,Test Drive=73,Request More Info=74,Specials=75,Specials=76,Specials=77,Specials=78,Employment=79,General Contact=80,Trade In=81,Finance=82,Request More Info=83,Dealer Custom=84,Specials=85,Get a Quote=86,Get a Quote=87,Request More Info=88,Trade In=89,Specials=91,Specials=92,Specials=93,General Contact=94,Specials=95,Schedule Service=96,General Contact=97,General Contact=98,Finance=99,Finance=100,Request More Info=101,Employment=102,Schedule Service=103,Other=104,Email Register=900,Get a Quote=106,Service=107,Service=108', formId);

        return {
            formElement: formElement,
            optInValue: optInValue,
            formDisplayType: formDisplayType,
            formType: formType
        };
    }

    /**
     * Get whether the form is displayed in a modal or inside a page.
     * @param { Element } formElement - DOM element for the form.
     * @return { String }
     */
    function getFormDisplayType(formElement) {
        function getLegacyFormDisplay() {
            return formElement.closest('[data-ninjabox]') !== null;
        }
        function getRecentFormDisplay() {
            return formElement.closest('[data-modal]') !== null;
        }
        function getFoundationFormDisplay() {
            return formElement.closest('[data-reveal]') !== null;
        }

        if(formElement && (getRecentFormDisplay() || getFoundationFormDisplay() || getLegacyFormDisplay())) return 'modal';
        else return 'in-page';
    }

    /**
     * Target and return a form element using its id.
     * @param { String } formId - DOM element for the form.
     * @return { Element }
     */
    function getFormElement(formId) {
        function getLegacyForm() {
            return document.querySelector('[datashiftdigitalformid="' + formId + '"]');
        }

        function getRecentForm() {
            return document.querySelector('[data-shift-digital-form-id="' + formId + '"]');
        }

        function getShowroomForm() {
            return document.querySelector('[name="formTypeId"][value="' + formId + '"]') && document.querySelector('[name="formTypeId"][value="' + formId + '"]').closest("form");
        }

        return getRecentForm() || getLegacyForm() || getShowroomForm();
    }

    /**
     * Return the type of a form using its id and a defined list of form types paired with form ids.
     * @param { String } formTypeList - A defined list of form types paired with form ids.
     * @param { String } formId - A form id.
     * @return { String }
     */
    function getFormType(formTypeList, formId) {
        var formType = '';
        var formTypeListArray = formTypeList.split(",");

        for (var i = 0; i < formTypeListArray.length; i++) {
            var formTypeData = formTypeListArray[i].split("=");
            if (formTypeData.length === 2 && formTypeData[1] === formId) {
                formType = formTypeData[0];
                break;
            }
        }

        return formType;
    }

    /**
     * Get whether the user as opted in for the newsletter/marketing checkbox.
     * @param { Element } formElement - DOM element for the form.
     * @return { String|undefined }
     */
    function getOptInValue(formElement) {
        try {
            var optInCheckBox = formElement.querySelector('[name="newsletter|marketing|service"][type="checkbox"]'); // Support for old projects
            return optInCheckBox && optInCheckBox.checked ? 'in-explicit' : 'out';
        }
        catch (e) {
            return undefined;
        }
    }

    /**
     * Extract the value of the "make" input inside a form element.
     * @param { Element } formElement - DOM element for the form.
     * @return {undefined|*}
     */
    function getTradeInMake(formElement) {
        try {
            return formElement.querySelector('input[name="make"]').value;
        }
        catch (e) {
            return undefined;
        }
    }

    /**
     * Extract the value of the "model" input inside a form element.
     * @param { Element } formElement - DOM element for the form.
     * @return {undefined|*}
     */
    function getTradeInModel(formElement) {
        try {
            return formElement.querySelector('input[name="model"]').value;
        }
        catch (e) {
            return undefined;
        }
    }

    /**
     * Extract values for the traded vehicle from a trade in form.
     * @param { Element } formElement - DOM element for the form.
     * @return {undefined|*}
     */
    function getTradeInProperties(formElement) {
        var tradeInProperties = {};
        var tradeInMake = getTradeInMake(formElement);
        var tradeInModel = getTradeInModel(formElement);
        var tradeInYear = getTradeInYear(formElement);

        if(tradeInMake) tradeInProperties.make = tradeInMake;
        if(tradeInModel) tradeInProperties.model = tradeInModel;
        if(tradeInYear) tradeInProperties.year = tradeInYear;

        return tradeInProperties;
    }

    /**
     * Extract the value of the "year" input inside a form element.
     * @param { Element } formElement - DOM element for the form.
     * @return {undefined|*}
     */
    function getTradeInYear(formElement) {
        try {
            return formElement.querySelector('input[name="year"]').value;
        }
        catch (e) {
            return undefined;
        }
    }

</script>

<script type="text/javascript">
            function sendForSubmitEvent(leadId, formId, eventName) {
                var formData = getFormData(formId);

                sd('dataLayer', {
                    displayType: formData.formDisplayType,
                    leadId: leadId,
                    leadType: 'lead',
                    formType: formData.formType,
                    formOptIn: formData.optInValue,
                    events: eventName
                });
            }

            function sendFormInitEvent(formId) {
                var formData = getFormData(formId);

                if (action == 1) {
                    sd('dataLayer', {
                        displayType: formData.formDisplayType,
                        formType: formData.formType,
                        events: 'formInitiation'
                    });
                    sd('send');
                    action = 2;
                }
            }

            function sendFormShowEvent(formId) {
                var formData = getFormData(formId);

                sd('dataLayer', {
                    displayType: formData.formDisplayType,
                    formType: formData.formType,
                    events: 'formShown'
                });
                sd('send');
            }
        </script>
    
<script type="text/javascript">
    window.addEventListener('DOMContentLoaded', () => {
        initScheduleServiceClick()
    })

    /**
     * Initial Schedule Service Click ()
     */
    function initScheduleServiceClick (){
        // const ctas = document.querySelectorAll("a[href$='/5'][data-gtmsm360='ux__cta'], a[href$='/5'][data-gtmsm360='ux__header-cta'], a[href$='/5'][data-gtmsm360='ux__footer-link']")
        const ctas = document.querySelectorAll('a[href$="/5"]')

        if (ctas.length > 0) {
            ctas.forEach(cta => {
                hrefMatchRegex(cta);
            })
        }
    }

    /**
     * Check if button contains form reference = 5 & Add Click Event
     */
    function hrefMatchRegex(element) {
        let regex = /\bform.*\b5\b$/;
        const regexCondition = element.href.match(regex) ? true : false;

        if(regexCondition){
            element.addEventListener("click", sendScheduleServiceClick, false);
        }
    }

    /**
     * Send Schedule Service Click Event
     */
    function sendScheduleServiceClick (e){
        const redirectTo = e.currentTarget?.href;
        if (redirectTo) {
            e.preventDefault();
        }
        sd('dataLayer', {
            events: 'scheduleServiceClick'
        });
        sd('send');

        if (redirectTo) {
            setTimeout(() => {
                window.location = redirectTo;
            }, 500);
        }
    }
</script>

<script type="text/javascript">
    window.addEventListener('DOMContentLoaded', (event) => {
        initGetDirectionsClick ()
    });

    function initGetDirectionsClick (){
        const ctas = document.querySelectorAll("[data-gtmsm360='ux__cta'],[data-tagging-precision='address']")
        for (let i = 0; i < ctas.length; i++) {
            hrefMatchMapsRegex(ctas[i]);
        }
    }
// Check url if it is for google map
    function hrefMatchMapsRegex(element) {
        const regex = /(www\.|maps\.)?google/;
        const regexCondition = element.href.match(regex);

        if(regexCondition){
            element.addEventListener("click", function (e) {
                sendGetDirectionsClick();
            }, false);
        }
    }

// Push event: 'Getdirections'
    function sendGetDirectionsClick (){
        sd('dataLayer', {
            events: 'Getdirections'
        });
        sd('send');
    }
</script>


        <script type="text/javascript">
        

    (function (i, s, o, g, r, a, m) {
        i['ShiftAnalyticsObject'] = r; i[r] = i[r] || function () {
                        (i[r].q = i[r].q || []).push(arguments)
                }, i[r].l = 1 * new Date(); a = s.createElement(o),
        m = s.getElementsByTagName(o)[0]; a.defer = 1; a.src = g;    m.parentNode.insertBefore(a, m)
    })(window, document, 'script', '//sdtagging.azureedge.net/scripts/mazdaca/sd.js', 'sd');

    sd('create', 'MAZDACA',
    '35130', 'SM360');


        sd('dataLayer',{
            pageType: "Other",
            websiteTier: "Tier 3",
            pageBrand: "Mazda",
            language: "en",
            
            dealerZipCode: "M2M 3X2",
            dealerState: "ON",
            dealerCity: "North York",
            dealerName: "Mazda of Toronto",
            trafficType: "Typed/Bookmarked",
            dealerBac: "",
            siteTechnologyVersion: "Banshee 2.25.0",

            
        });
        sd('send', 'pageview');

        // --- NEW IMPLEMENTATION TO CAPTURE AND SET COOKIE ---

        // Helper function to set the cookie
        function setCookie(name, value, days) {
            var expires = "";
            if (days) {
                var date = new Date();
                date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
                expires = "; expires=" + date.toUTCString();
            }
            // Using 'path=/', 'secure', and 'samesite=Lax' are best practices
            document.cookie = name + "=" + (value || "")  + expires + "; path=/;";
        }

        // Callback function to set the third-party cookie
        function setThirdPartySessionCookie(sessionId) {
            // Set the cookie 'third_party_session_id' with a 1-day expiration
            setCookie('third_party_session_id', sessionId, 1);
        }

        // Execute the SD function to get the ID and run the callback
        sd('getSessionId', setThirdPartySessionCookie);

</script>
    

<script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "url": "www.mazdaoftoronto.com"
    }
</script>


<script type='application/ld+json'>
{
    "@context": "http://www.schema.org",
    "@type": "AutoDealer",
    "address": {
        "@type": "PostalAddress",
        "streetAddress": "6167 Yonge St",
        "addressLocality": "North York",
        "addressRegion": "ON",
        "postalCode": "M2M 3X2",
        "addressCountry": "CA"
    },
    "brand": "mazda",
    "description": "Mazda of Toronto, Mazda dealership in North York",
    "email": "n/a",
    "geo": {
        "@type": "GeoCoordinates",
        "latitude": "43.79346",
        "longitude": "-79.420619"
    },
    "image": "https://img.sm360.ca/images/web/",
    "knowsLanguage": "en-CA",
    "logo": "https://img.sm360.ca/images/web/",
    "memberOf": {
        "@type": "ProgramMembership",
        "programName": "MAZCA"
    },
    "name": "Mazda of Toronto",
    "openingHours": "n/a",
    "priceRange": "5000.0-50000.0 $",
    "sameAs": [
        "https://www.facebook.com/TorontoMazda",
        "",
        "https://www.youtube.com/@mazdatoronto",
        "",
        "https://www.instagram.com/mazdaoftoronto/"
    ],
    "telephone": "416-642-7777",
    "url": "www.mazdaoftoronto.com"
}
</script>

    
        <link rel="stylesheet" href="//cdn.sm360.ca/varia/css/src/min/reset.css"/>
    

            <style>
    
    @font-face {
        font-family: 'MazdaTypeTT-Bold';
        src: url('//cdn.sm360.ca/varia/fonts/mazda/MazdaTypeTT-Bold.eot');
        src: url('//cdn.sm360.ca/varia/fonts/mazda/MazdaTypeTT-Bold?#iefix') format('embedded-opentype'),
        url('//cdn.sm360.ca/varia/fonts/mazda/MazdaTypeTT-Bold.woff2') format('woff2'),
        url('//cdn.sm360.ca/varia/fonts/mazda/MazdaTypeTT-Bold.woff') format('woff'),
        url('//cdn.sm360.ca/varia/fonts/mazda/MazdaTypeTT-Bold.ttf') format('truetype');
    }

    
    @font-face {
        font-family: 'MazdaTypeTT-BoldItalic';;
        src: url('//cdn.sm360.ca/varia/fonts/mazda/MazdaTypeTT-BoldItalic.eot');
        src: url('//cdn.sm360.ca/varia/fonts/mazda/MazdaTypeTT-BoldItalic?#iefix') format('embedded-opentype'),
        url('//cdn.sm360.ca/varia/fonts/mazda/MazdaTypeTT-BoldItalic.woff2') format('woff2'),
        url('//cdn.sm360.ca/varia/fonts/mazda/MazdaTypeTT-BoldItalic.woff') format('woff'),
        url('//cdn.sm360.ca/varia/fonts/mazda/MazdaTypeTT-BoldItalic.ttf') format('truetype');
    }

    
    @font-face {
        font-family: 'MazdaTypeTT-Italic';
        src: url('//cdn.sm360.ca/varia/fonts/mazda/MazdaTypeTT-Italic.eot');
        src: url('//cdn.sm360.ca/varia/fonts/mazda/MazdaTypeTT-Italic.eot?#iefix') format('embedded-opentype'),
        url('//cdn.sm360.ca/varia/fonts/mazda/MazdaTypeTT-Italic.woff2') format('woff2'),
        url('//cdn.sm360.ca/varia/fonts/mazda/MazdaTypeTT-Italic.woff') format('woff'),
        url('//cdn.sm360.ca/varia/fonts/mazda/MazdaTypeTT-Italic.ttf') format('truetype');
    }

    
    @font-face {
        font-family: 'MazdaTypeTT-Medium';
        src: url('//cdn.sm360.ca/varia/fonts/mazda/MazdaTypeTT-Medium.eot');
        src: url('//cdn.sm360.ca/varia/fonts/mazda/MazdaTypeTT-Medium.eot?#iefix') format('embedded-opentype'),
        url('//cdn.sm360.ca/varia/fonts/mazda/MazdaTypeTT-Medium.woff2') format('woff2'),
        url('//cdn.sm360.ca/varia/fonts/mazda/MazdaTypeTT-Medium.woff') format('woff'),
        url('//cdn.sm360.ca/varia/fonts/mazda/MazdaTypeTT-Medium.ttf') format('truetype');
    }

    
    @font-face {
        font-family: 'MazdaTypeTT-MediumItalic';
        src: url('//cdn.sm360.ca/varia/fonts/mazda/MazdaTypeTT-MediumItalic.eot');
        src: url('//cdn.sm360.ca/varia/fonts/mazda/MazdaTypeTT-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('//cdn.sm360.ca/varia/fonts/mazda/MazdaTypeTT-MediumItalic.woff2') format('woff2'),
        url('//cdn.sm360.ca/varia/fonts/mazda/MazdaTypeTT-MediumItalic.woff') format('woff'),
        url('//cdn.sm360.ca/varia/fonts/mazda/MazdaTypeTT-MediumItalic.ttf') format('truetype');
    }

    
    @font-face {
        font-family: 'MazdaTypeTT-Regular';
        src: url('//cdn.sm360.ca/varia/fonts/mazda/MazdaTypeTT-Regular.eot');
        src: url('//cdn.sm360.ca/varia/fonts/mazda/MazdaTypeTT-Regular.eot?#iefix') format('embedded-opentype'),
        url('//cdn.sm360.ca/varia/fonts/mazda/MazdaTypeTT-Regular.woff2') format('woff2'),
        url('//cdn.sm360.ca/varia/fonts/mazda/MazdaTypeTT-Regular.woff') format('woff'),
        url('//cdn.sm360.ca/varia/fonts/mazda/MazdaTypeTT-Regular.ttf') format('truetype');
    }

    :root {
        --font-family-mazdaTypeTT-bold: 'MazdaTypeTT-Bold';
        --font-family-mazdaTypeTT-boldItalic: 'MazdaTypeTT-BoldItalic';;
        --font-family-mazdaTypeTT-italic: 'MazdaTypeTT-Italic';
        --font-family-mazdaTypeTT-medium: 'MazdaTypeTT-Medium';
        --font-family-mazdaTypeTT-mediumItalic: 'MazdaTypeTT-MediumItalic';
        --font-family-mazdaTypeTT-regular: 'MazdaTypeTT-Regular';
    }
</style>


<link href="/theme/css/theme?v=075300995" type="text/css" rel="stylesheet"/>


<noscript id="deferred-styles">

    
</noscript>


    <!-- Import style for website (3758-mazda-toronto-2022) from widget-loader -->
    <link type="text/css" rel="stylesheet" href="https://widgets-cdn.sm360.ca/styles/2.34.230/css/3758-mazda-toronto-2022.min.css" />


<script>
    var loadDeferredStyles = function() {
        var addStylesNode = document.getElementById("deferred-styles");
        var replacement = document.createElement("div");
        replacement.innerHTML = addStylesNode.textContent;
        document.body.appendChild(replacement);
        addStylesNode.parentElement.removeChild(addStylesNode);

    };
    var raf = requestAnimationFrame || mozRequestAnimationFrame ||
        webkitRequestAnimationFrame || msRequestAnimationFrame;
    if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); });
    else window.addEventListener('load', loadDeferredStyles);
</script>

    </head>
    <body  itemscope="" itemtype="http://schema.org/WebPage">

    
<!-- Google Tag Manager -->
    <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-WHRJV9R" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager -->


        <!-- Google Tag Manager (noscript) 2-->
        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TNRPJSW"
                          height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
        <!-- End Google Tag Manager (noscript) -->
    

    <!-- Widget Auto dealer schema -->
        

<script type='application/ld+json'>
{
  "@context": "http://www.schema.org",
  "@type": "AutoDealer",
  "name": "Mazda of Toronto",
  "url": "www.mazdaoftoronto.com",
  "logo": "https://img.sm360.ca/images/manufacturer/mazda/mazda-color-128-notag.png",
  "priceRange": "5000.0-50000.0 $",
  "image": "https://img.sm360.ca/images/manufacturer/mazda/mazda-color-128-notag.png",
  "description": "Mazda of Toronto, Mazda dealership in North York",
  "address": {
     "@type": "PostalAddress",
     "streetAddress": "6167 Yonge St",
     "addressLocality": "North York",
     "addressRegion": "Ontario",
     "postalCode": "M2M 3X2",
     "addressCountry": "CA"
  },
  "geo": {
     "@type": "GeoCoordinates",
     "latitude": "43.79346",
     "longitude": "-79.420619"
  },
   "openingHours": "",
   "telephone": "416-642-7777"
}
</script><!-- Widget Facebook Connect -->
        <div class="off-canvas-wrapper body1">
            <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper >
                <div class="off-canvas position-right is-closed" id="offCanvas" data-off-canvas data-transition="overlap">
                    

<div class="mobile-menu" data-theme-style="mobileMenu_bgColor mobileMenu_fontColor" x-data="" @click.outside="$dispatch('modalClosed')">
    <div class="mobile-menu__top">
        <button class="mobile-menu__top-close close-button" aria-label="Close menu" data-close type="button" @click="$dispatch('modalClosed')">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>

    <ul class="mobile-menu-links gen-my-8 accordion"
        itemscope="itemscope"
        itemtype="https://schema.org/SiteNavigationElement"
        data-accordion
        data-allow-all-closed="true">

        <li class="mobile-menu-item accordion-item"
        data-accordion-item
        data-menu-item
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.mobile-menu-submenu-item__anchor'), (el) => el.getAttribute('href')) }"
        :data-theme-style="active ? 'mobileMenu_item_fontColor_active': ''"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)">
        <a href="/en/new-catalog" class="mobile-menu-item__anchor accordion-title"  itemprop="url">
                    <span itemprop="name">
                            New Vehicles</span>
                </a>
            <ul class="mobile-menu-submenu accordion-content" data-theme-style="mobileMenu_submenu_bgColor mobileMenu_submenu_fontColor" data-tab-content>
    

<li class="mobile-menu-submenu-item" data-theme-style="null">
            

<a class="link  mobile-menu-submenu-item__anchor" href="/en/new-inventory" data-theme-style="null" title="New Vehicles in Inventory" >
            <span>New Vehicles in Inventory</span>
            </a>
    </li>
    
<li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/new-catalog" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Complete Lineup</span>
    </a>
</li><li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/shop-online" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Build Your Vehicle</span>
    </a>
</li><li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/why-buy" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Why Buy</span>
    </a>
</li><li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/special-offers" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Special Offers</span>
    </a>
</li><li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/form/exchange-evaluation-new/4" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Trade-In</span>
    </a>
</li></ul>


</li>
<li class="mobile-menu-item accordion-item"
        data-accordion-item
        data-menu-item
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.mobile-menu-submenu-item__anchor'), (el) => el.getAttribute('href')) }"
        :data-theme-style="active ? 'mobileMenu_item_fontColor_active': ''"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)">
        <div>
                    <a href="/en/shop-online" target="_self" class="mobile-menu-item__anchor-link"  itemprop="url">
                        <span itemprop="name">
                                Order Online</span>
                    </a>
                </div>
            <ul class="mobile-menu-submenu accordion-content" data-theme-style="mobileMenu_submenu_bgColor mobileMenu_submenu_fontColor" data-tab-content>
    </ul>


</li>
<li class="mobile-menu-item accordion-item"
        data-accordion-item
        data-menu-item
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.mobile-menu-submenu-item__anchor'), (el) => el.getAttribute('href')) }"
        :data-theme-style="active ? 'mobileMenu_item_fontColor_active': ''"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)">
        <a href="/en/used-inventory" class="mobile-menu-item__anchor accordion-title"  itemprop="url">
                    <span itemprop="name">
                            Pre-Owned</span>
                </a>
            <ul class="mobile-menu-submenu accordion-content" data-theme-style="mobileMenu_submenu_bgColor mobileMenu_submenu_fontColor" data-tab-content>
    

<li class="mobile-menu-submenu-item" data-theme-style="null">
            

<a class="link  mobile-menu-submenu-item__anchor" href="/en/used-inventory" data-theme-style="null" title="Pre-Owned" >
            <span>Pre-Owned</span>
            </a>
    </li>
    <li class="mobile-menu-submenu-item" data-theme-style="null">
            

<a class="link  mobile-menu-submenu-item__anchor" href="/en/certified-inventory" data-theme-style="null" title="Certified Vehicles" >
            <span>Certified Vehicles</span>
            </a>
    </li>
    <li class="mobile-menu-submenu-item" data-theme-style="null">
            

<a class="link  mobile-menu-submenu-item__anchor" href="/en/less-than-10000-inventory" data-theme-style="null" title="Vehicles Under $10,000" >
            <span>Vehicles Under $10,000</span>
            </a>
    </li>
    <li class="mobile-menu-submenu-item" data-theme-style="null">
            

<a class="link  mobile-menu-submenu-item__anchor" href="/en/demo-inventory" data-theme-style="null" title="Used Demonstrator Vehicles" >
            <span>Used Demonstrator Vehicles</span>
            </a>
    </li>
    
<li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/form/exchange-evaluation-new/4" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Trade-In</span>
    </a>
</li></ul>


</li>
<li class="mobile-menu-item accordion-item"
        data-accordion-item
        data-menu-item
        x-data="{ active: true, anchors: Array.from($el.querySelectorAll('.mobile-menu-submenu-item__anchor'), (el) => el.getAttribute('href')) }"
        :data-theme-style="active ? 'mobileMenu_item_fontColor_active': ''"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)">
        <a href="/en/services/after-sales-services" class="mobile-menu-item__anchor accordion-title"  itemprop="url">
                    <span itemprop="name">
                            Service & Parts</span>
                </a>
            <ul class="mobile-menu-submenu accordion-content" data-theme-style="mobileMenu_submenu_bgColor mobileMenu_submenu_fontColor" data-tab-content>
    <li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/form/service-appointment/5" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Book a Service Appointment</span>
    </a>
</li><li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/services/after-sales-services" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Service Department</span>
    </a>
</li><li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/services/parts" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Order Parts and Accessories</span>
    </a>
</li><li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/services/mazda-aftersales-centre" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Mazda Aftersales Centre</span>
    </a>
</li><li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/services/bodyshop" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Body Shop Service</span>
    </a>
</li><li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/services/detailing" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Detailing Service</span>
    </a>
</li><li class="mobile-menu-submenu-item" data-theme-style="mobileMenu_submenuItem_fontColor_active">
    <a href="/en/services/unlimited-mileage-warranty" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Unlimited Mileage Warranty</span>
    </a>
</li><li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/maintenances-timeline" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Scheduled Maintenance</span>
    </a>
</li><li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/special-offers/department/service/15" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Service Offers</span>
    </a>
</li></ul>


</li>
<li class="mobile-menu-item accordion-item"
        data-accordion-item
        data-menu-item
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.mobile-menu-submenu-item__anchor'), (el) => el.getAttribute('href')) }"
        :data-theme-style="active ? 'mobileMenu_item_fontColor_active': ''"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)">
        <div>
                    <a href="/en/special-offers" target="_self" class="mobile-menu-item__anchor-link"  itemprop="url">
                        <span itemprop="name">
                                Special Offers</span>
                    </a>
                </div>
            <ul class="mobile-menu-submenu accordion-content" data-theme-style="mobileMenu_submenu_bgColor mobileMenu_submenu_fontColor" data-tab-content>
    </ul>


</li>
<li class="mobile-menu-item accordion-item"
        data-accordion-item
        data-menu-item
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.mobile-menu-submenu-item__anchor'), (el) => el.getAttribute('href')) }"
        :data-theme-style="active ? 'mobileMenu_item_fontColor_active': ''"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)">
        <a href="/en/financing" class="mobile-menu-item__anchor accordion-title"  itemprop="url">
                    <span itemprop="name">
                            Financing</span>
                </a>
            <ul class="mobile-menu-submenu accordion-content" data-theme-style="mobileMenu_submenu_bgColor mobileMenu_submenu_fontColor" data-tab-content>
    <li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/form/financing-request-step-1/44" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Apply for Financing</span>
    </a>
</li><li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/financing" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Financing Department</span>
    </a>
</li><li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/financing/second-chance" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Second Chance Financing</span>
    </a>
</li><li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/financing/lease-or-buy" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Lease or Buy?</span>
    </a>
</li><li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/form/exchange-evaluation-new/4" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Trade-In</span>
    </a>
</li><li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/financing/special-financing" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            New Immigrant</span>
    </a>
</li></ul>


</li>
<li class="mobile-menu-item accordion-item"
        data-accordion-item
        data-menu-item
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.mobile-menu-submenu-item__anchor'), (el) => el.getAttribute('href')) }"
        :data-theme-style="active ? 'mobileMenu_item_fontColor_active': ''"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)">
        <a href="/en/innovation/skyactiv" class="mobile-menu-item__anchor accordion-title"  itemprop="url">
                    <span itemprop="name">
                            Innovation</span>
                </a>
            <ul class="mobile-menu-submenu accordion-content" data-theme-style="mobileMenu_submenu_bgColor mobileMenu_submenu_fontColor" data-tab-content>
    <li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/innovation/skyactiv" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            SKYACTIV Technology</span>
    </a>
</li><li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/innovation/i-activ-awd" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            i-ACTIV AWD</span>
    </a>
</li><li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/innovation/i-activsense" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            i-ACTIVSENSE</span>
    </a>
</li><li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/innovation/kodo-design" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            KODO Design</span>
    </a>
</li></ul>


</li>
<li class="mobile-menu-item accordion-item"
        data-accordion-item
        data-menu-item
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.mobile-menu-submenu-item__anchor'), (el) => el.getAttribute('href')) }"
        :data-theme-style="active ? 'mobileMenu_item_fontColor_active': ''"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)">
        <a href="/en/about-us" class="mobile-menu-item__anchor accordion-title"  itemprop="url">
                    <span itemprop="name">
                            About Us</span>
                </a>
            <ul class="mobile-menu-submenu accordion-content" data-theme-style="mobileMenu_submenu_bgColor mobileMenu_submenu_fontColor" data-tab-content>
    <li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/about-us" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            About Us</span>
    </a>
</li><li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/contact-us" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Contact Us</span>
    </a>
</li><li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/news" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            News & Insights</span>
    </a>
</li><li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/news/list/reviews" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Reviews</span>
    </a>
</li><li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/our-team" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Our Team</span>
    </a>
</li><li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/careers" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Careers</span>
    </a>
</li><li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/clubhouse-dealership" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Mazda Clubhouse</span>
    </a>
</li><li class="mobile-menu-submenu-item" data-theme-style="">
    <a href="/en/special-offers/department/manufacturer-s-programs/4" class="mobile-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Manufactures Programs</span>
    </a>
</li></ul>


</li>
<li class="mobile-menu-item mobile-menu-compare accordion-item" data-accordion-item>
    <a class="mobile-menu-item__anchor mobile-menu-compare__anchor" href="#" title="Compare">
        <span class="mobile-menu-compare__label">
            Compare</span>
        <span class="mobile-menu-compare__value" data-theme-style="mobileMenu_compareCount_bgColor mobileMenu_compareCount_fontColor" data-comparetool-count='all'>
            0</span>
    </a>

    <ul class="mobile-menu-submenu accordion-content" data-theme-style="mobileMenu_submenu_bgColor mobileMenu_submenu_fontColor" data-tab-content>
        <li class="mobile-menu-submenu-item widget-mobile-comparebox__element  widget-comparebox__element--inactive">
    <a href="#"
       class="mobile-menu-submenu-item__anchor"
       data-comparetool-link='/en/new-catalog/compare/'
       data-comparetool-link-type='catalog'
       itemprop="url">
        <span class="widget-comparebox__element-count" data-comparetool-count='catalog'>
            0</span>
        <span class="widget-comparebox__element-text">
            New Vehicle(s)</span>
    </a>
</li></ul>
</li>
</ul>

    <div class="mobile-menu__bottom">
        <div class="mobile-menu__dealer">
            

    <p class="a-typography subheading2 mobile-menu__dealer-name"  role="heading" aria-level="2">
    Mazda of Toronto
    
    </p>


<address class="address gen-flex address--splitted mobile-menu__dealer-info gen-mb-8" data-component data-component-type="address" data-theme-style="">
    

    <a href="http://maps.google.com/?q=Mazda+of+Toronto+6167+Yonge+St+M2M+3X2+Ontario+North+York"
       class="a-link w-fit -deprecated -secondary text-secondary hover:text-secondary gen-grow"
        
        target="_blank"
        title="6167 Yonge St, North York, Ontario, M2M 3X2"
        
        
    >
        6167 Yonge St, North York, Ontario, M2M 3X2
        
            
    <svg class="a-icon a-icon-link-external ml-2"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


    </a>

        
</address><section class="phone-number mobile-menu__dealer-info">
    <div class="phone-number-department ">
        

    <span class="a-typography   phone-number-department__name phone-number-department--ponctuation" data-theme-style="" role="" >
    General
    
    </span>


    <a href="tel:1-416-642-7777"
       class="a-link w-fit -deprecated -secondary text-secondary hover:text-secondary  shiftdigital-event phone-number-department__phone"
        
        
        title="1-416-642-7777"
        
        
        data-shiftdigital-url="tel:1-416-642-7777"
    
        data-shiftdigital-title="Other"
    
        data-shiftdigital-event="clickToCall"
    >
        1-416-642-7777
        
    </a>

        
</div>
<div class="phone-number-department ">
        

    <span class="a-typography   phone-number-department__name phone-number-department--ponctuation" data-theme-style="" role="" >
    Fax
    
    </span>


    <a href="tel:1-416-642-7430"
       class="a-link w-fit -deprecated -secondary text-secondary hover:text-secondary  shiftdigital-event phone-number-department__phone"
        
        
        title="1-416-642-7430"
        
        
        data-shiftdigital-url="tel:1-416-642-7430"
    
        data-shiftdigital-title="Other"
    
        data-shiftdigital-event="clickToCall"
    >
        1-416-642-7430
        
    </a>

        
</div>
</section>
<div class="social-network ">
        <a class="" href="https://www.facebook.com/TorontoMazda" title="Facebook | Mazda of Toronto" target="_blank" aria-label="Facebook - New Window">
                

    <svg class="a-icon a-icon-facebook social-media gen-mr-7 "
         role="none"
         data-theme-style="socialBlock_iconColor socialBlock_iconColor_hover"
    >
        <title>facebook</title>
        <use xlink:href="#icon-facebook"></use>
    </svg>


</a>
        <a class=" " href="https://www.youtube.com/@mazdatoronto" title="Youtube | Mazda of Toronto" target="_blank" aria-label="Youtube - New Window">
                

    <svg class="a-icon a-icon-youtube social-media gen-mr-7 "
         role="none"
         data-theme-style="socialBlock_iconColor socialBlock_iconColor_hover"
    >
        <title>youtube</title>
        <use xlink:href="#icon-youtube"></use>
    </svg>


</a>
        <a class=" " href="https://www.instagram.com/mazdaoftoronto/" title="Instagram | Mazda of Toronto" target="_blank" aria-label="Instagram - New Window">
                

    <svg class="a-icon a-icon-instagram social-media gen-mr-7 "
         role="none"
         data-theme-style="socialBlock_iconColor socialBlock_iconColor_hover"
    >
        <title>instagram</title>
        <use xlink:href="#icon-instagram"></use>
    </svg>


</a>
        </div>
</div>

        <div class="mobile-menu__cta">
                

            <a  class="a-button -deprecated -primary px-7 py-5 inline-block border border-solid text-center border-buttonPrimaryBorder bg-buttonPrimary text-onButtonPrimary hover:border-buttonPrimaryBorderHover hover:bg-buttonPrimaryHover hover:text-onButtonPrimaryHover focus:border-buttonPrimaryBorderFocus focus:bg-buttonPrimaryFocus focus:text-onButtonPrimaryFocus mobile-menu__cta-anchor gen-w-full"
                href="/en/form/service-appointment/5"
                role="button"
                context-id=""
                
                
            >
                Service Appointment
            </a>
        
        
</div>
        </div>
</div>

</div>

                <div class="off-canvas-content" data-off-canvas-content>
                    <!-- Content Off-Canvas -->
                    <div class="site-container"
                         x-data="{ prevPageYOffset: window.pageYOffset }"
                         @scroll.window="currentPageYOffset = window.pageYOffset; (currentPageYOffset > $refs.header.offsetHeight && prevPageYOffset < currentPageYOffset) ? $el.classList.add('pageIsScrollingDown') : $el.classList.remove('pageIsScrollingDown'), prevPageYOffset = currentPageYOffset"

                    >

                        
            <a  class="a-button -deprecated -secondary px-7 py-5 inline-block border border-solid text-center border-buttonSecondaryBorder bg-buttonSecondary text-onButtonSecondary hover:border-buttonSecondaryBorderHover hover:bg-buttonSecondaryHover hover:text-onButtonSecondaryHover focus:border-buttonSecondaryBorderFocus focus:bg-buttonSecondaryFocus focus:text-onButtonSecondaryFocus accessibility-hidden-button accessibility-hidden-button--has-v2"
                href="#mainContent"
                role="button"
                context-id=""
                
                
            >
                Go to Main Content
            </a>
        
        
            <a  class="a-button -deprecated -secondary px-7 py-5 inline-block border border-solid text-center border-buttonSecondaryBorder bg-buttonSecondary text-onButtonSecondary hover:border-buttonSecondaryBorderHover hover:bg-buttonSecondaryHover hover:text-onButtonSecondaryHover focus:border-buttonSecondaryBorderFocus focus:bg-buttonSecondaryFocus focus:text-onButtonSecondaryFocus accessibility-hidden-button accessibility-hidden-button--has-v2"
                href="#footer"
                role="button"
                context-id=""
                
                
            >
                Go to Footer
            </a>
        
        
<div class="header gen-fixed gen-top-0 gen-w-full gen-z-[100] lg:gen-relative header--has-v2" x-ref="header">
                            <!-- Header Showroom V2 -->
                            <div class="widget-sr makes__mazda groups__5643 dealer__mazda-of-toronto sticky-login">
                                    

            <script type="text/javascript" charset="utf-8" src="https://cdnjs.cloudflare.com/ajax/libs/react/16.14.0/umd/react.production.min.js" ></script>
<script type="text/javascript" charset="utf-8" src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.14.0/umd/react-dom.production.min.js" ></script>
<script type="text/javascript" charset="utf-8" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.21.0/moment.min.js" ></script>
<script type="text/javascript" charset="utf-8" src="https://cdnjs.cloudflare.com/ajax/libs/immutable/3.8.2/immutable.min.js" ></script>
<script type="text/javascript" charset="utf-8" src="https://cdnjs.cloudflare.com/ajax/libs/raven.js/3.26.2/raven.min.js" ></script>
<script type="text/javascript" charset="utf-8" src="https://unpkg.com/axios@0.21.1/dist/axios.min.js" ></script>
<script type="text/javascript" charset="utf-8" src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.20/lodash.min.js" ></script>

            <script type="text/javascript" charset="utf-8" src="https://widgets-cdn.sm360.ca/commons-core-services/widget-16.145.0.min.js?timestamp=1773892209620" ></script>
            
        
            <script type="text/javascript" charset="utf-8" src="https://widgets-cdn.sm360.ca/commons-basic-components/widget-16.145.0.min.js?timestamp=1773892209620" ></script>
            <link type="text/css" rel="stylesheet" href="https://widgets-cdn.sm360.ca/commons-basic-components/widget-16.145.0.min.css?timestamp=1773892209620" />
        

            <script type="text/javascript" charset="utf-8" src="https://widgets-cdn.sm360.ca/commons-general/widget-16.145.0.min.js?timestamp=1773892209620" ></script>
            <link type="text/css" rel="stylesheet" href="https://widgets-cdn.sm360.ca/commons-general/widget-16.145.0.min.css?timestamp=1773892209620" />
        

            <script type="text/javascript" charset="utf-8" src="https://widgets-cdn.sm360.ca/commons-leads/widget-16.145.0.min.js?timestamp=1773892209620" ></script>
            
        
            <script type="text/javascript" charset="utf-8" src="https://widgets-cdn.sm360.ca/commons-forms/widget-16.145.0.min.js?timestamp=1773892209620" ></script>
            <link type="text/css" rel="stylesheet" href="https://widgets-cdn.sm360.ca/commons-forms/widget-16.145.0.min.css?timestamp=1773892209620" />
        

            <script type="text/javascript" charset="utf-8" src="https://widgets-cdn.sm360.ca/commons-vehicle/widget-16.145.0.min.js?timestamp=1773892209620" ></script>
            <link type="text/css" rel="stylesheet" href="https://widgets-cdn.sm360.ca/commons-vehicle/widget-16.145.0.min.css?timestamp=1773892209620" />
        

            <script type="text/javascript" charset="utf-8" src="https://widgets-cdn.sm360.ca/commons-garage/widget-16.145.0.min.js?timestamp=1773892209620" ></script>
            <link type="text/css" rel="stylesheet" href="https://widgets-cdn.sm360.ca/commons-garage/widget-16.145.0.min.css?timestamp=1773892209620" />
        
            
            <script type="text/javascript" charset="utf-8" src="https://widgets-cdn.sm360.ca/login/widget-16.145.0.min.js?timestamp=1773892209620" defer></script>
            
        <link rel="preload" href="https://widgets-cdn.sm360.ca/login/widget-16.145.0.min.css?timestamp=1773892209620" as="style" onload="this.onload=null;this.rel='stylesheet'">
        <noscript><link rel="stylesheet" href="https://widgets-cdn.sm360.ca/login/widget-16.145.0.min.css?timestamp=1773892209620"></noscript>
    
        
            <div id="showroom.login.responsive"><div id="loginWidget" class="widget-login" data-reactroot=""><div id="LoginBanner" class="LoginBanner widget-login-desktop widget-login-desktop-reset sr-topbar-login"><div class="LoginBannerWrapper clearfix"><div class="TransactionSummary--wrapper sr-progressBar"><div class="TransactionSummary--wrapper--title sr-progressBar-bg-title" role="button" tabindex="0" data-test="login.transaction.open"><span class="is-bold">My Transaction</span></div><ul class="TransactionSummaryUnit--wrapper"><li class="TransactionSummaryUnit--single" data-test="garage"><button><div class="wrapper-icon"><img src="https://img.sm360.ca/images/web/mazda-of-toronto/3758/transaction-bar-garage-icon1653075774272.svg" alt="My garage" width="33"/></div><div class="validFlag"><icon class="icon-Crochet"></icon></div></button></li><li class="TransactionSummaryUnit--single" data-test="tradein"><button><div class="wrapper-icon"><img src="https://img.sm360.ca/images/web/mazda-of-toronto/3758/transaction-bar-tradein-icon1653075788415.svg" alt="My trade-in" width="33"/></div><div class="validFlag"><icon class="icon-Crochet"></icon></div></button></li><li class="TransactionSummaryUnit--single" data-test="finance"><button><div class="wrapper-icon"><img src="https://img.sm360.ca/images/web/mazda-of-toronto/3758/transaction-bar-finance-icon1653075766946.svg" alt="Finance" width="33"/></div><div class="validFlag"><icon class="icon-Crochet"></icon></div></button></li></ul><div class="TransactionSummary--closeButton"><button class="sr-progressBar-closeButton"></button></div></div><div class="login-content"><button id="button-login" class="btn-login button secondary" data-test="login.sign-in.open"><icon class="icon-login"></icon><span class="label">Login</span></button><button id="button-register" class="btn-register button sr-button-1 is-small" data-test="login.sign-up.open"><span class="label">Create an Account</span></button></div></div></div></div></div>
            
            <script type="text/javascript">
                'use strict';
                function renderWidgetLogin_wcqfsn3xvoq() {
                    var props = {"location":"showroom.login.responsive","locale":"en","websiteId":3758,"organizationUnitLocation":"ON","organizationUnitId":8256,"organizationId":5643,"loadCommons":true,"isMultiDealerGarage":false,"hasAdobeTagging":false,"facebookAppId":"","imageServerUrl":"https://img.sm360.ca","isNewEnabled":true,"isUsedEnabled":true,"isShowroomV2Enabled":true,"isShowroomV25Enabled":false,"configs":{"endpoint":{"widget":"https://widget.sm360.ca","account":"https://account.sm360.ca/api","showroom":"https://api.showroom360.ca","graphql":"https://webauto-supplier-api.sm360.ca/webauto/graphql"},"source":{"image":"https://img.sm360.ca","widget":"https://widgets-cdn.sm360.ca/catalog"},"secureCookies":true,"sentry":{"url":"https://3af74c00e86c4c828216e2111e0a86d1@sentry.io/216050","sentryLevel":"WARNING","consoleLevel":"ERROR","whitelistUrls":["^.*(widgets-cdn.sm360.ca).*$"],"includePaths":["^.*(widgets-cdn.sm360.ca).*$"]}},"contentZones":{"widget.login.bar.colors":[{"contentZoneId":-1,"contentZoneDefinitionId":37515,"name":"Background color's bar","description":"Background color's bar","location":"widget.login.bar.background","locationGroup":"widget.login.bar.colors","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"#111111","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37516,"name":"Font color (login)","description":"Font color (login)","location":"widget.login.bar.conexion.font","locationGroup":"widget.login.bar.colors","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"#00b4fc","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37517,"name":"Font's color","description":"Font's color","location":"widget.login.bar.forecolor","locationGroup":"widget.login.bar.colors","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"#ffffff","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37518,"name":"Background colors's options","description":"Background colors's options","location":"widget.login.bar.iotion","locationGroup":"widget.login.bar.colors","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"#222222","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37519,"name":"Option's Font colo","description":"Option's Font colo","location":"widget.login.bar.option.font","locationGroup":"widget.login.bar.colors","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"#ffffff","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37520,"name":"Color for the active option font","description":"Color for the active option font","location":"widget.login.bar.option.font.hover","locationGroup":"widget.login.bar.colors","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"#ffffff","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37521,"name":"Background colors of hover option","description":"Background colors of hover option","location":"widget.login.bar.option.hover","locationGroup":"widget.login.bar.colors","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"#555555","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37522,"name":"Background color (register)","description":"Background color (register)","location":"widget.login.bar.register","locationGroup":"widget.login.bar.colors","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"#0073a1","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37523,"name":"Font color (register)","description":"Font color (register)","location":"widget.login.bar.register.font","locationGroup":"widget.login.bar.colors","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"#ffffff","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0}],"widget.login.bar.quotes":[{"contentZoneId":1166552,"contentZoneDefinitionId":37117,"name":"Quotes dropdown image","description":"Quotes dropdown image","location":"widget.login.bar.quotes.image","locationGroup":"widget.login.bar.quotes","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/mazda-of-toronto/3758/login-bar-quotes-image1652974111957.png","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0}],"widget.login.forms.forgotpassword":[{"contentZoneId":1166553,"contentZoneDefinitionId":45053,"name":"Forgot password form background","description":"Forgot password form background","location":"widget.login.forms.forgotpassword.background","locationGroup":"widget.login.forms.forgotpassword","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/mazda-of-toronto/3758/login-forms-background1652974583404.jpg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37351,"name":"Forgot password main text","description":"Forgot password main text","location":"widget.login.forms.forgotpassword.maintext","locationGroup":"widget.login.forms.forgotpassword","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Forgot your password?","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37352,"name":"Forgot password form subtext","description":"Forgot password form subtext","location":"widget.login.forms.forgotpassword.subtext","locationGroup":"widget.login.forms.forgotpassword","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Please enter the email address registered on your account.","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0}],"widget.login.forms.login":[{"contentZoneId":1166554,"contentZoneDefinitionId":42690,"name":"Signin form background image","description":"Signin form background image","location":"widget.login.forms.login.background","locationGroup":"widget.login.forms.login","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/mazda-of-toronto/3758/login-forms-background1652974610408.jpg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37353,"name":"Login form main text","description":"Login form main text","location":"widget.login.forms.login.maintext","locationGroup":"widget.login.forms.login","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Unlock Your Possibilities","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37354,"name":"Login form subtext","description":"Login form subtext","location":"widget.login.forms.login.subtext","locationGroup":"widget.login.forms.login","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Let's Get Started!","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0}],"widget.login.forms.profile":[{"contentZoneId":1166555,"contentZoneDefinitionId":37118,"name":"Profile form image","description":"Profile form image","location":"widget.login.forms.profile.image","locationGroup":"widget.login.forms.profile","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/mazda-of-toronto/3758/login-forms-profile-image-en1652975926968.jpg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37355,"name":"Profile form main text","description":"Profile form main text","location":"widget.login.forms.profile.maintext","locationGroup":"widget.login.forms.profile","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"YOUR <span>ACCOUNT</span>","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37356,"name":"Profile form subtext","description":"Profile form subtext","location":"widget.login.forms.profile.subtext","locationGroup":"widget.login.forms.profile","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"View or update your account information.","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0}],"widget.login.forms.resetpassword":[{"contentZoneId":1166556,"contentZoneDefinitionId":45052,"name":"Reset password form background","description":"Reset password form background","location":"widget.login.forms.resetpassword.background","locationGroup":"widget.login.forms.resetpassword","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/mazda-of-toronto/3758/login-forms-background1652975956865.jpg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37357,"name":"Reset password form main text","description":"Reset password form main text","location":"widget.login.forms.resetpassword.maintext","locationGroup":"widget.login.forms.resetpassword","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Reset Your Password","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37358,"name":"Reset password form subtext","description":"Reset password form subtext","location":"widget.login.forms.resetpassword.subtext","locationGroup":"widget.login.forms.resetpassword","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Please enter a new password.","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0}],"widget.login.forms.signup":[{"contentZoneId":1167216,"contentZoneDefinitionId":42691,"name":"Signup form background image","description":"Signup form background image","location":"widget.login.forms.signup.background","locationGroup":"widget.login.forms.signup","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/mazda-of-toronto/3758/login-forms-background1653070514733.jpg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37359,"name":"Signup form button text","description":"Signup form button text","location":"widget.login.forms.signup.buttontext","locationGroup":"widget.login.forms.signup","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Create Your Account","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":1167217,"contentZoneDefinitionId":37119,"name":"Signup form left image","description":"Signup form left image","location":"widget.login.forms.signup.image","locationGroup":"widget.login.forms.signup","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/mazda-of-toronto/3758/login-forms-signup-image-en1653070556019.jpg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37360,"name":"Signup form main text","description":"Signup form main text","location":"widget.login.forms.signup.maintext","locationGroup":"widget.login.forms.signup","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Sign Up and Continue","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37361,"name":"Signup form promotion text","description":"Signup form promotion text","location":"widget.login.forms.signup.promotiontext","locationGroup":"widget.login.forms.signup","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"I wish to receive recalls, the latest news, and promotional offers.","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37362,"name":"Signup form subtext","description":"Signup form subtext","location":"widget.login.forms.signup.subtext","locationGroup":"widget.login.forms.signup","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Your Vehicle Info in One Convenient Location","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0}],"widget.login.popup":[{"contentZoneId":-1,"contentZoneDefinitionId":462547,"name":"Disable Facebook","description":"","location":"widget.login.popup.facebook.disable","locationGroup":"widget.login.popup","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"false","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":1167218,"contentZoneDefinitionId":37120,"name":"Header image for popup","description":"Header image for popup","location":"widget.login.popup.header","locationGroup":"widget.login.popup","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/mazda-of-toronto/3758/login-header-logo1653070742456.jpg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0}],"widget.login.privacypolicy":[{"contentZoneId":-1,"contentZoneDefinitionId":37363,"name":"Link text for the privacy policy link","description":"Link text for the privacy policy link","location":"widget.login.privacypolicy.linktext","locationGroup":"widget.login.privacypolicy","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Privacy Policy","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37364,"name":"Privacy policy link main text","description":"Privacy policy link main text","location":"widget.login.privacypolicy.maintext","locationGroup":"widget.login.privacypolicy","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"We will NEVER share or sell your information.","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0}],"widget.transaction":[{"contentZoneId":1167271,"contentZoneDefinitionId":37122,"name":"Transaction Bar - Finance icon","description":"Transaction Bar - Finance icon","location":"widget.transaction.bar.finance.icon","locationGroup":"widget.transaction","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/mazda-of-toronto/3758/transaction-bar-finance-icon1653075766946.svg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37365,"name":"Transaction Bar - Finance label","description":"Transaction Bar - Finance label","location":"widget.transaction.bar.finance.label","locationGroup":"widget.transaction","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Finance","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":1167272,"contentZoneDefinitionId":37123,"name":"Transaction Bar - Garage icon","description":"Transaction Bar - Garage icon","location":"widget.transaction.bar.garage.icon","locationGroup":"widget.transaction","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/mazda-of-toronto/3758/transaction-bar-garage-icon1653075774272.svg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37366,"name":"Transaction Bar - Garage label","description":"Transaction Bar - Garage label","location":"widget.transaction.bar.garage.label","locationGroup":"widget.transaction","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"My garage","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":1167273,"contentZoneDefinitionId":37124,"name":"Transaction Bar - Reserve icon","description":"Transaction Bar - Reserve icon","location":"widget.transaction.bar.reserve.icon","locationGroup":"widget.transaction","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/mazda-of-toronto/3758/transaction-bar-reserve-icon1653075781364.svg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37367,"name":"Transaction Bar - Reserve label","description":"Transaction Bar - Reserve label","location":"widget.transaction.bar.reserve.label","locationGroup":"widget.transaction","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Book it","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37368,"name":"Transaction Bar - Title","description":"Transaction Bar - Title","location":"widget.transaction.bar.title","locationGroup":"widget.transaction","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"My Transaction","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":1178213,"contentZoneDefinitionId":37369,"name":"Canadian Black Book enabled","description":"Canadian Black Book enabled","location":"widget.transaction.bar.tradein.hascbb","locationGroup":"widget.transaction","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"true","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":1167274,"contentZoneDefinitionId":37125,"name":"Transaction Bar - Trade-In icon","description":"Transaction Bar - Trade-In icon","location":"widget.transaction.bar.tradein.icon","locationGroup":"widget.transaction","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/mazda-of-toronto/3758/transaction-bar-tradein-icon1653075788415.svg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37370,"name":"Transaction Bar - Trade-In label","description":"Transaction Bar - Trade-In label","location":"widget.transaction.bar.tradein.label","locationGroup":"widget.transaction","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"My trade-in","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":407492,"name":"Allow checkout - Catalog vehicle","description":"Allow checkout - Catalog vehicle","location":"widget.transaction.enable.checkout.for.catalog","locationGroup":"widget.transaction","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"true","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":407493,"name":"Allow checkout - New vehicle","description":"Allow checkout - New vehicle","location":"widget.transaction.enable.checkout.for.new","locationGroup":"widget.transaction","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"true","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":407494,"name":"Allow checkout - Used vehicle","description":"Allow checkout - Used vehicle","location":"widget.transaction.enable.checkout.for.used","locationGroup":"widget.transaction","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"true","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0}],"widget.register.popup":[{"contentZoneId":1167247,"contentZoneDefinitionId":37121,"name":"Left image for popup","description":"Left image for popup","location":"widget.register.popup.image","locationGroup":"widget.register.popup","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/mazda-of-toronto/3758/login-forms-signup-image-en1653073289770.jpg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0}],"widget.login.signup.information":[{"contentZoneId":1167231,"contentZoneDefinitionId":42660,"name":"First element image","description":"First element image","location":"widget.login.signup.information.firstImage","locationGroup":"widget.login.signup.information","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/mazda-of-toronto/3758/firstimage-evaluate-icon1653071359642.svg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42666,"name":"First element subtitle","description":"First element subtitle","location":"widget.login.signup.information.firstSubTitle","locationGroup":"widget.login.signup.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Fill out the complete form and get a trade-in evaluation saved to your account.","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42664,"name":"First element title","description":"First element title","location":"widget.login.signup.information.firstTitle","locationGroup":"widget.login.signup.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Get an Official Evaluation","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42658,"name":"Main subtitle of the information zone","description":"Main subtitle of the information zone","location":"widget.login.signup.information.mainSubTitle","locationGroup":"widget.login.signup.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"The Most Efficient Way to Purchase Your Next Vehicle","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42659,"name":"Main title of the information zone","description":"Main title of the information zone","location":"widget.login.signup.information.mainTitle","locationGroup":"widget.login.signup.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Maximize Your Online Vehicle Shopping Experience","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":1167232,"contentZoneDefinitionId":42661,"name":"Second element image","description":"Second element image","location":"widget.login.signup.information.secondImage","locationGroup":"widget.login.signup.information","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/mazda-of-toronto/3758/secondimage-favoris-icon1653071372256.svg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42670,"name":"Second element subtitle","description":"Second element subtitle","location":"widget.login.signup.information.secondSubTitle","locationGroup":"widget.login.signup.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Browse our extensive inventory or build your next vehicle with the specs you want from the comfort of your home.","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42668,"name":"Second element title","description":"Second element title","location":"widget.login.signup.information.secondTitle","locationGroup":"widget.login.signup.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Find Your Next Dream Vehicle","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":1167233,"contentZoneDefinitionId":42662,"name":"Third element image","description":"Third element image","location":"widget.login.signup.information.thirdImage","locationGroup":"widget.login.signup.information","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"/mazda-of-toronto/3758/thirdimage-set-budget-icon1653071388325.svg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42673,"name":"Third element subtitle","description":"Third element subtitle","location":"widget.login.signup.information.thirdSubTitle","locationGroup":"widget.login.signup.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Get access to your evaluation anytime, anywhere. It’s that simple!","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42671,"name":"Third element title","description":"Third element title","location":"widget.login.signup.information.thirdTitle","locationGroup":"widget.login.signup.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Save Your Trade-In Evaluation","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0}],"widget.login.signin.information":[{"contentZoneId":1167228,"contentZoneDefinitionId":42679,"name":"First element image","description":"First element image","location":"widget.login.signin.information.firstImage","locationGroup":"widget.login.signin.information","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/mazda-of-toronto/3758/firstimage-evaluate-icon1653070999627.svg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42684,"name":"First element subtitle","description":"First element subtitle","location":"widget.login.signin.information.firstSubTitle","locationGroup":"widget.login.signin.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Fill out the complete form and get a trade-in evaluation saved to your account.","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42682,"name":"First element title","description":"First element title","location":"widget.login.signin.information.firstTitle","locationGroup":"widget.login.signin.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Get an Official Evaluation","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42677,"name":"Main subtitle of the information zone","description":"Main subtitle of the information zone","location":"widget.login.signin.information.mainSubTitle","locationGroup":"widget.login.signin.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"The Most Efficient Way to Purchase Your Next Vehicle","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42678,"name":"Main title of the information zone","description":"Main title of the information zone","location":"widget.login.signin.information.mainTitle","locationGroup":"widget.login.signin.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Maximize Your Online Vehicle Shopping Experience","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":1167229,"contentZoneDefinitionId":42680,"name":"Second element image","description":"Second element image","location":"widget.login.signin.information.secondImage","locationGroup":"widget.login.signin.information","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/mazda-of-toronto/3758/secondimage-favoris-icon1653071023303.svg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42686,"name":"Second element subtitle","description":"Second element subtitle","location":"widget.login.signin.information.secondSubTitle","locationGroup":"widget.login.signin.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Browse our extensive inventory or build your next vehicle with the specs you want from the comfort of your home.","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42685,"name":"Second element title","description":"Second element title","location":"widget.login.signin.information.secondTitle","locationGroup":"widget.login.signin.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Find Your Next Dream Vehicle","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":1167230,"contentZoneDefinitionId":42681,"name":"Third element image","description":"Third element image","location":"widget.login.signin.information.thirdImage","locationGroup":"widget.login.signin.information","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/mazda-of-toronto/3758/thirdimage-set-budget-icon1653071056407.svg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42688,"name":"Third element subtitle","description":"Third element subtitle","location":"widget.login.signin.information.thirdSubTitle","locationGroup":"widget.login.signin.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Get access to your evaluation anytime, anywhere. It’s that simple!","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42687,"name":"Third element title","description":"Third element title","location":"widget.login.signin.information.thirdTitle","locationGroup":"widget.login.signin.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Save Your Trade-In Evaluation","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0}],"widget.commons":[{"contentZoneId":-1,"contentZoneDefinitionId":48866,"name":"Disclaimer for included in price - New vehicle","description":"Disclaimer for included in price - New vehicle","location":"widget.commons.disclaimer.price.included.new","locationGroup":"widget.commons","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Freight & PDI, installed options and other fees included","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":48865,"name":"Disclaimer for included in price - Used vehicle - Cash purchase","description":"Disclaimer for included in price - Used vehicle - Cash purchase","location":"widget.commons.disclaimer.price.included.used.cash","locationGroup":"widget.commons","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":48864,"name":"Disclaimer for included in price - Used vehicle - Financing","description":"Disclaimer for included in price - Used vehicle - Financing","location":"widget.commons.disclaimer.price.included.used.finance","locationGroup":"widget.commons","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":458366,"name":"Disclaimer for selling price - New vehicle","description":"Disclaimer for selling price - New vehicle","location":"widget.commons.disclaimer.selling.price.new","locationGroup":"widget.commons","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":462843,"name":"Display vehicle brand","description":"Display vehicle brand in VLP V2","location":"widget.commons.year.brand.model.trim.name","locationGroup":"widget.commons","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"false","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0}]},"deferScripts":true};
                    var instance = React.createElement(
                        window["Login"].default["Login"], props, null);
                    ReactDOM.render(instance, document.getElementById("showroom.login.responsive"));
                }
                if (true) {
                    document.addEventListener('DOMContentLoaded', function() { renderWidgetLogin_wcqfsn3xvoq() });
                } else {
                    renderWidgetLogin_wcqfsn3xvoq();
                }
            </script>
        
        
</div>
                            <header class="mobile-header-alpha grid-container gen-w-full"
        data-theme-style="mobileHeader_bgColor mobileHeader_fontColor"
        data-mobile-header
        role="banner"
>
    <div class="grid-x grid-padding-x">
        <div class="mobile-header-alpha__content cell">
            

<a class="mobile-header-alpha__logo" href="/en" title="Mazda of Toronto, Mazda dealership in North York">
            

<figure class="a-image " role="none" aria-label="">
    <!-- Load this in-viewport image normally -->
            <img class="a-image__img mobile-header-alpha__logo-image" src="https://img.sm360.ca/images/web/mazda-of-toronto/3758/mazda-logo-white-desktop16576318255351658244356521.png" height="65" width="150" alt="Mazda of Toronto Logo" data-czone="logo.dealer.header"
    
        data-czone-group="logo"/>
        </figure>
</a>
    
<a class="mobile-header-alpha__address mobile-header-alpha__item" href="http://maps.google.com/?q=Mazda+of+Toronto+6167+Yonge+St+M2M+3X2+ON+North+York" target="_blank">
                

    <svg class="a-icon a-icon-pin mobile-header-alpha__address-picto"
         role="none"
         data-theme-style="mobileHeader_address_iconColor"
    >
        <title>pin</title>
        <use xlink:href="#icon-pin"></use>
    </svg>


</a>

            <a href="javascript:void(0);"
           class="header-mobile__phone mobile-header-alpha__address mobile-header-alpha__item"
           data-modal-id="phonesDepartmentReveal">
            

    <svg class="a-icon a-icon-phone header-mobile__phone-picto"
         role="none"
         data-theme-style="mobileHeader_phone_iconColor"
    >
        <title>phone</title>
        <use xlink:href="#icon-phone"></use>
    </svg>


</a>
    <div class="modal " data-modal="phonesDepartmentReveal">
    <div class="modal__wrapper "
         data-theme-style="modal_fontColor modal_bgColor"
         >

        <button class="modal__close-button" type="button" data-modal-close data-theme-style="modal_closeBtn_fontColor modal_closeBtn_bgColor">
            <span aria-hidden="true">X</span>
        </button>

        <div class="modal__content " data-theme-style="modal_scrollbar" data-modal-content>
            <ul class="snippet-mobile-phones mobile-header-alpha__address mobile-header-alpha__item" data-theme-style="">
                <li class="snippet-mobile-phones__item">
                <a href="tel:1-416-642-7777"
                   class="shiftdigital-event snippet-mobile-phones__item-anchor" 
                   data-shiftdigital-event="clickToCall"
                   data-shiftdigital-title="Mobile"
                   data-shiftdigital-url="tel:1-416-642-7777">
                    

    <svg class="a-icon a-icon-phone snippet-mobile-phones__item-picto"
         role="none"
         
    >
        <title>phone</title>
        <use xlink:href="#icon-phone"></use>
    </svg>


<span class="snippet-mobile-phones__item-name">General&nbsp;&nbsp;&nbsp;&nbsp;1-416-642-7777</span>
                </a>
            </li>

            <li class="snippet-mobile-phones__item">
                            <a href="tel:1-416-642-7430"
                               class="shiftdigital-event snippet-mobile-phones__item-anchor" 
                               data-shiftdigital-event="clickToCall"
                               data-shiftdigital-title="Other"
                               data-shiftdigital-url="tel:1-416-642-7430">
                                

    <svg class="a-icon a-icon-phone snippet-mobile-phones__item-picto"
         role="none"
         
    >
        <title>phone</title>
        <use xlink:href="#icon-phone"></use>
    </svg>


<span class="snippet-mobile-phones__item-name">Fax&nbsp;&nbsp;&nbsp;&nbsp;1-416-642-7430</span>
                            </a>
                        </li>
                    </ul>
    </div>
    </div>
</div><a href="javascript:void(0)" class="mobile-header-menu-icon mobile-header-alpha__item" data-toggle="offCanvas" data-mobile-menuburger role="button" aria-label="Close Menu">
    <span class="mobile-header-menu-icon__bar" data-theme-style="mobileHeader_menuIcon_color"></span>
    <span class="mobile-header-menu-icon__bar" data-theme-style="mobileHeader_menuIcon_color"></span>
    <span class="mobile-header-menu-icon__bar" data-theme-style="mobileHeader_menuIcon_color"></span>
</a></div>
    </div>
</header>


<header class="header-alpha" itemscope itemtype="https://schema.org/WPHeader" data-theme-style="desktopHeader_bgColor desktopHeader_fontColor" data-header role="banner" x-data="">
    <div class="header-alpha__top grid-container full" data-theme-style="desktopHeader_bgColor desktopHeader_fontColor" x-intersect:enter.margin.-37px.0.0.0="$refs.nav.style.position = 'static'"
            x-intersect:leave.margin.-37px.0.0.0="$refs.nav.style.position = 'fixed', $refs.nav.style.top = '37px'">
        

<div class="grid-container  "
     data-theme-style=""
     
     
     >
    <div class="header-alpha__infos grid-x grid-padding-x">
                <div class="header-alpha__logo gen-mr-auto">
                    

<a class="header-alpha__logo-link" href="/en" title="Mazda of Toronto, Mazda dealership in North York">
            

<figure class="a-image " role="none" aria-label="">
    <!-- Load this in-viewport image normally -->
            <img class="a-image__img header-alpha__logo-image gen-pr-5" src="https://img.sm360.ca/images/web/mazda-of-toronto/3758/mazda-logo-white-desktop16576318255351658244356521.png" height="65" width="150" alt="Mazda of Toronto Logo" data-czone="logo.dealer.header"
    
        data-czone-group="logo"/>
        </figure>
</a>
    
</div>

                <div class="header-alpha__coordinates">
                    

<address class="address gen-flex address--splitted header__address pb-2" data-component data-component-type="address" data-theme-style="">
    

    <a href="http://maps.google.com/?q=Mazda+of+Toronto+6167+Yonge+St+M2M+3X2+Ontario+North+York"
       class="a-link w-fit -deprecated -tertiary text-tertiary hover:text-tertiary gen-grow"
        
        target="_blank"
        title="6167 Yonge St, North York, Ontario, M2M 3X2"
        
        
    >
        6167 Yonge St, North York, Ontario, M2M 3X2
        
            
    <svg class="a-icon a-icon-link-external ml-2"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


    </a>

        
</address><section class="phone-number header-alpha__phone-number" data-toggle="phone-dropdown">
    <div class="phone-number-department header-alpha__phone-number-department">
        

    <span class="a-typography   phone-number-department__name phone-number-department--ponctuation" data-theme-style="" role="" >
    General
    
    </span>


    <a href="tel:1-416-642-7777"
       class="a-link w-fit -deprecated -tertiary text-tertiary hover:text-tertiary  shiftdigital-event phone-number-department__phone"
        
        
        title="1-416-642-7777"
        
        
        data-shiftdigital-url="tel:1-416-642-7777"
    
        data-shiftdigital-title="Other"
    
        data-shiftdigital-event="clickToCall"
    >
        1-416-642-7777
        
    </a>

        
    <svg class="a-icon a-icon-arrowhead-down "
         role="none"
         data-theme-style="header_phone_picto_fontColor"
    
        extraClass="phone-number-department__icon"
    >
        <title>arrowhead-down</title>
        <use xlink:href="#icon-arrowhead-down"></use>
    </svg>


</div>
</section>
<section class="phone-number header__phone dropdown-pane" data-hover="true"
    data-hover-pane="true"
    id="phone-dropdown"
    data-dropdown="">
    <div class="phone-number-department ">
        

    <span class="a-typography   phone-number-department__name phone-number-department--ponctuation" data-theme-style="header_phoneLabel_fontColor" role="" >
    Fax
    
    </span>


    <a href="tel:1-416-642-7430"
       class="a-link w-fit -deprecated -primary text-primary hover:text-primary header-alpha__phone-number shiftdigital-event phone-number-department__phone"
        
        
        title="1-416-642-7430"
        
        
        data-shiftdigital-url="tel:1-416-642-7430"
    
        data-shiftdigital-title="Other"
    
        data-shiftdigital-event="clickToCall"
    >
        1-416-642-7430
        
    </a>

        
</div>
</section>
</div>

                <div class="header-alpha__links gen-ml-10">
                    

            <a  class="a-button -deprecated -secondary px-7 py-5 inline-block border border-solid text-center border-buttonSecondaryBorder bg-buttonSecondary text-onButtonSecondary hover:border-buttonSecondaryBorderHover hover:bg-buttonSecondaryHover hover:text-onButtonSecondaryHover focus:border-buttonSecondaryBorderFocus focus:bg-buttonSecondaryFocus focus:text-onButtonSecondaryFocus "
                href="/en/form/service-appointment/5"
                role="button"
                context-id=""
                
                
            >
                Service Appointment
            </a>
        
        
</div>

                </div>
        
</div>
</div>

    
<div class="destop-menu__links gen-w-full gen-z-[100] gen-shadow-lg" id="nav" data-theme-style="desktopMenu_bgColor desktopMenu_borderColor" x-ref="nav">
    

<div class="grid-container  "
     data-theme-style=""
     
     
     >
    
        <nav class="desktop-menu__container">
            <ul class="grid-x grid-padding-x desktop-menu__navigation" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement">
                    
                <li class="desktop-menu-item"
        data-menu-item
        tabindex="0"
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.desktop-menu-submenu-item__anchor'), (anchor) => anchor.getAttribute('href')) }"
        :data-theme-style="active ? 'desktopMenu_item_fontColor_active desktopMenu_item_bgColor_active': 'desktopMenu_item_fontColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/shop-online" class="desktop-menu-item__anchor subtitle"  itemprop="url"  data-menu-anchor tabindex="-1">
            <span itemprop="name">
                Order Online</span>
        </a>

        <ul class="desktop-menu-submenu" data-theme-style="desktopMenu_submenu_bgColor" data-menu-submenu>
    </ul>


</li>

                    
                        <li class="desktop-menu-item desktop-menu-item--catalog"
        data-menu-item
        tabindex="0"
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.catalog-submenu-links__link'), (el) => el.getAttribute('href')) }"
        :data-theme-style="active ? 'desktopMenu_item_fontColor_active desktopMenu_item_bgColor_active': 'desktopMenu_item_fontColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/new-catalog" class="desktop-menu-item__anchor "  itemprop="url" aria-haspopup="true" aria-expanded="false" data-menu-anchor tabindex="-1">
            <span itemprop="name">
                New Vehicles</span>
        </a>

        <ul class="desktop-menu-submenu desktop-menu-submenu--catalog" data-theme-style="desktopMenu_submenu_catalog_bgColor"  data-menu-submenu="">
        

<div class="grid-container  "
     data-theme-style=""
     
     
     >
    

<section class="grid-x grid-margin-x  catalog-submenu"
         data-theme-style=""
         
         
         >
    

<div class="catalog-submenu-links__wrapper cell large-3" data-theme-style="catalogSubmenu_links_bgColor">

    
<li class="catalog-submenu-links__item" data-theme-style="">
            

<a class="link  catalog-submenu-links__link heading6" href="/en/new-inventory" data-theme-style="catalogSubmenu_links_fontColor" title="New Vehicles in Inventory" >
            <span>New Vehicles in Inventory</span>
            </a>
    </li>
    

            <li class="catalog-submenu-links__item">
                

<a class="link  catalog-submenu-links__link heading6" href="/en/new-catalog" data-theme-style="catalogSubmenu_links_fontColor" title="Complete Lineup" >
            <span>Complete Lineup</span>
            </a>
    
            </li>
        
            <li class="catalog-submenu-links__item">
                

<a class="link  catalog-submenu-links__link heading6" href="/en/shop-online" data-theme-style="catalogSubmenu_links_fontColor" title="Build Your Vehicle" >
            <span>Build Your Vehicle</span>
            </a>
    
            </li>
        
            <li class="catalog-submenu-links__item">
                

<a class="link  catalog-submenu-links__link heading6" href="/en/why-buy" data-theme-style="catalogSubmenu_links_fontColor" title="Why Buy" >
            <span>Why Buy</span>
            </a>
    
            </li>
        
            <li class="catalog-submenu-links__item">
                

<a class="link  catalog-submenu-links__link heading6" href="/en/special-offers" data-theme-style="catalogSubmenu_links_fontColor" title="Special Offers" >
            <span>Special Offers</span>
            </a>
    
            </li>
        
            <li class="catalog-submenu-links__item">
                

<a class="link  catalog-submenu-links__link heading6" href="/en/form/exchange-evaluation-new/4" data-theme-style="catalogSubmenu_links_fontColor" title="Trade-In" >
            <span>Trade-In</span>
            </a>
    
            </li>
        
    
</div><div class="catalog-submenu__right-column cell large-9" data-theme-style="desktopMenu_submenuSeparator_borderColor">
                    

<ul class="catalog-submenu-bodystyles cell">
    <li class="catalog-submenu-bodystyles__item" data-theme-style="desktopMenu_submenuItem_fontColor">
        <a href="/en/new-catalog"
           data-menu-vehicle-filter="all"
           title="See All Vehicles"
           class="catalog-submenu-bodystyles__item-link active">
            See All Vehicles
        </a>
    </li>

    
        <li class="catalog-submenu-bodystyles__item" data-theme-style="desktopMenu_submenuItem_fontColor">
            <span data-menu-vehicle-filter="sedan"
                  title="Sedan"
                  class="catalog-submenu-bodystyles__item-link">
                    Sedan
            </span>
        </li>
    
        
        <li class="catalog-submenu-bodystyles__item" data-theme-style="desktopMenu_submenuItem_fontColor">
            <span data-menu-vehicle-filter="hatchback5doors"
                  title="Hatchback 5 doors"
                  class="catalog-submenu-bodystyles__item-link">
                    Hatchback 5 doors
            </span>
        </li>
    
        
        <li class="catalog-submenu-bodystyles__item" data-theme-style="desktopMenu_submenuItem_fontColor">
            <span data-menu-vehicle-filter="suv"
                  title="SUV"
                  class="catalog-submenu-bodystyles__item-link">
                    SUV
            </span>
        </li>
    
        
        <li class="catalog-submenu-bodystyles__item" data-theme-style="desktopMenu_submenuItem_fontColor">
            <span data-menu-vehicle-filter="roadster"
                  title="Roadster"
                  class="catalog-submenu-bodystyles__item-link">
                    Roadster
            </span>
        </li>
    
</ul>


    <div class="a-typography  wysiwyg scrollbar-custom grid-x grid-margin-x catalog-submenu__vehicles cell" data-theme-style="scrollbarCustom_track_bgColor scrollbarCustom_thumb_bgColor " role="" >
    <a class="catalog-submenu-vehicle cell large-4 display-flex "
   href="/en/new-catalog/mazda/2026-mazda-3-gx-id33169"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuSeparator_borderColor"
   data-vehicle-filter="sedan">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload catalog-submenu-vehicle__image" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 140127'%2F%3E" loading="lazy" alt="Mazda3" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2026/mazda/3/gx/sedan/main/2026_Mazda_Mazda-3_1-GX_Main.png"  />
        </figure>

    
    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    Mazda3
    
    </span>


</a>


<a class="catalog-submenu-vehicle cell large-4 display-flex "
   href="/en/new-catalog/mazda/2026-mazda-3-sport-gx-id33190"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuSeparator_borderColor"
   data-vehicle-filter="hatchback5doors">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload catalog-submenu-vehicle__image" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 140127'%2F%3E" loading="lazy" alt="Mazda3 Sport" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2026/mazda/3-sport/gx/5-doors-hatchback/main/2026_Mazda_Mazda-3-Sport_1-GX_Main.png"  />
        </figure>

    
    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    Mazda3 Sport
    
    </span>


</a>


<a class="catalog-submenu-vehicle cell large-4 display-flex "
   href="/en/new-catalog/mazda/2026-mazda-cx-30-gx-id33216"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuSeparator_borderColor"
   data-vehicle-filter="suv">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload catalog-submenu-vehicle__image" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 140127'%2F%3E" loading="lazy" alt="CX-30" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2026/mazda/cx-30/gx/suv/main/2026_Mazda_CX-30_GX_MAIN.png"  />
        </figure>

    
    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    CX-30
    
    </span>


</a>


<a class="catalog-submenu-vehicle cell large-4 display-flex "
   href="/en/new-catalog/mazda/2026-mazda-cx-5-gx-id33552"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuSeparator_borderColor"
   data-vehicle-filter="suv">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload catalog-submenu-vehicle__image" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 140127'%2F%3E" loading="lazy" alt="CX-5" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2026/mazda/cx-5/gx/suv/main/2026_mazda_CX-5_GX_001_main.png"  />
        </figure>

    
    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    CX-5
    
    </span>


</a>


<a class="catalog-submenu-vehicle cell large-4 display-flex "
   href="/en/new-catalog/mazda/2025-mazda-cx-50-gs-l-id28555"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuSeparator_borderColor"
   data-vehicle-filter="suv">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload catalog-submenu-vehicle__image" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 140127'%2F%3E" loading="lazy" alt="CX-50" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2025/mazda/cx-50/gs-l/suv/main/2025_Mazda_CX-50_GS-L_001_main.png"  />
        </figure>

    
    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    CX-50
    
    </span>


</a>


<a class="catalog-submenu-vehicle cell large-4 display-flex "
   href="/en/new-catalog/mazda/2025-mazda-cx-50-hybrid-gs-l-id29039"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuSeparator_borderColor"
   data-vehicle-filter="suv">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload catalog-submenu-vehicle__image" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 140127'%2F%3E" loading="lazy" alt="CX-50 Hybrid" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2025/mazda/cx-50-hybride/gs-l/suv/main/2025_Mazda_CX-50_GS-L_MAIN.png"  />
        </figure>

    
    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    CX-50 Hybrid
    
    </span>


</a>


<a class="catalog-submenu-vehicle cell large-4 display-flex "
   href="/en/new-catalog/mazda/2026-mazda-cx-70-mild-hybrid-gs-l-id33217"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuSeparator_borderColor"
   data-vehicle-filter="suv">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload catalog-submenu-vehicle__image" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 140127'%2F%3E" loading="lazy" alt="CX-70 Mild Hybrid" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2026/mazda/cx-70-hybride-leger/gs-l/suv/main/2026_Mazda_CX-70-MHEV_1-GS-L_MAIN.png"  />
        </figure>

    
    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    CX-70 Mild Hybrid
    
    </span>


</a>


<a class="catalog-submenu-vehicle cell large-4 display-flex "
   href="/en/new-catalog/mazda/2026-mazda-cx-70-plug-in-hybrid-gs-sc-id33221"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuSeparator_borderColor"
   data-vehicle-filter="suv">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload catalog-submenu-vehicle__image" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 140127'%2F%3E" loading="lazy" alt="CX-70 Plug-In Hybrid" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2026/mazda/cx-70-hybride-rechargeable/gs-sc/suv/main/2026_Mazda_CX-70-PHEV_1-GS-SC_MAIN.png"  />
        </figure>

    
    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    CX-70 Plug-In Hybrid
    
    </span>


</a>


<a class="catalog-submenu-vehicle cell large-4 display-flex "
   href="/en/new-catalog/mazda/2026-mazda-cx-90-mild-hybrid-gs-id33208"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuSeparator_borderColor"
   data-vehicle-filter="suv">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload catalog-submenu-vehicle__image" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 140127'%2F%3E" loading="lazy" alt="CX-90 Mild Hybrid" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2026/mazda/cx-90-hybride-leger/gs/suv/main/2026_Mazda_CX-90-MHEV_GS_MAIN.png"  />
        </figure>

    
    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    CX-90 Mild Hybrid
    
    </span>


</a>


<a class="catalog-submenu-vehicle cell large-4 display-flex "
   href="/en/new-catalog/mazda/2026-mazda-cx-90-plug-in-hybrid-gs-id33205"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuSeparator_borderColor"
   data-vehicle-filter="suv">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload catalog-submenu-vehicle__image" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 140127'%2F%3E" loading="lazy" alt="CX-90 Plug-In Hybrid" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2026/mazda/cx-90-hybride-rechargeable/gs/suv/main/2026_Mazda_CX-90-PHEV_GS_MAIN.png"  />
        </figure>

    
    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    CX-90 Plug-In Hybrid
    
    </span>


</a>


<a class="catalog-submenu-vehicle cell large-4 display-flex "
   href="/en/new-catalog/mazda/2024-mazda-mx-30-gs-id27772"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuSeparator_borderColor"
   data-vehicle-filter="hatchback">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload catalog-submenu-vehicle__image" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 140127'%2F%3E" loading="lazy" alt="MX-30" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2024/mazda/mx-30/gs/hatchback/main/2024_Mazda_MX-30-EV_GS_Main.png"  />
        </figure>

    
    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    MX-30
    
    </span>


</a>


<a class="catalog-submenu-vehicle cell large-4 display-flex "
   href="/en/new-catalog/mazda/2026-mazda-mx-5-gs--id33351"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuSeparator_borderColor"
   data-vehicle-filter="roadster">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload catalog-submenu-vehicle__image" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 140127'%2F%3E" loading="lazy" alt="MX-5" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2026/mazda/mx-5/gs-/roadster/main/2026_Mazda_MX-5_1-GS_EXT_Main.png"  />
        </figure>

    
    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    MX-5
    
    </span>


</a>


<a class="catalog-submenu-vehicle cell large-4 display-flex "
   href="/en/new-catalog/mazda/2026-mazda-mx-5-rf-gs-p-id33355"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuSeparator_borderColor"
   data-vehicle-filter="roadster">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload catalog-submenu-vehicle__image" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 140127'%2F%3E" loading="lazy" alt="MX-5 RF" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2026/mazda/mx-5-rf/gs-p/roadster/main/2026_Mazda_MX-5-RF_GS-P_EXT_Main.png"  />
        </figure>

    
    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    MX-5 RF
    
    </span>


</a>
    
    </div>

</div>
            
</section>

</div>
</ul>
</li>

                    
                <li class="desktop-menu-item"
        data-menu-item
        tabindex="0"
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.desktop-menu-submenu-item__anchor'), (anchor) => anchor.getAttribute('href')) }"
        :data-theme-style="active ? 'desktopMenu_item_fontColor_active desktopMenu_item_bgColor_active': 'desktopMenu_item_fontColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/used-inventory" class="desktop-menu-item__anchor subtitle"  itemprop="url" aria-haspopup="true"  data-menu-anchor tabindex="-1">
            <span itemprop="name">
                Pre-Owned</span>
        </a>

        <ul class="desktop-menu-submenu" data-theme-style="desktopMenu_submenu_bgColor" data-menu-submenu>
    <li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor">
            

<a class="link  desktop-menu-submenu-item__anchor" href="/en/used-inventory" data-theme-style="null" title="Pre-Owned" >
            <span>Pre-Owned</span>
            </a>
    </li>
    <li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor">
            

<a class="link  desktop-menu-submenu-item__anchor" href="/en/certified-inventory" data-theme-style="null" title="Certified Vehicles" >
            <span>Certified Vehicles</span>
            </a>
    </li>
    <li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor">
            

<a class="link  desktop-menu-submenu-item__anchor" href="/en/less-than-10000-inventory" data-theme-style="null" title="Vehicles Under $10,000" >
            <span>Vehicles Under $10,000</span>
            </a>
    </li>
    <li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor">
            

<a class="link  desktop-menu-submenu-item__anchor" href="/en/demo-inventory" data-theme-style="null" title="Used Demonstrator Vehicles" >
            <span>Used Demonstrator Vehicles</span>
            </a>
    </li><li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor">
    <a href="/en/form/exchange-evaluation-new/4" class="desktop-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Trade-In</span>
    </a>
</li></ul>


</li>

                    
                <li class="desktop-menu-item"
        data-menu-item
        tabindex="0"
        x-data="{ active: true, anchors: Array.from($el.querySelectorAll('.desktop-menu-submenu-item__anchor'), (anchor) => anchor.getAttribute('href')) }"
        :data-theme-style="active ? 'desktopMenu_item_fontColor_active desktopMenu_item_bgColor_active': 'desktopMenu_item_fontColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/services/after-sales-services" class="desktop-menu-item__anchor subtitle"  itemprop="url" aria-haspopup="true"  data-menu-anchor tabindex="-1">
            <span itemprop="name">
                Service & Parts</span>
        </a>

        <ul class="desktop-menu-submenu" data-theme-style="desktopMenu_submenu_bgColor" data-menu-submenu>
    <li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor">
    <a href="/en/form/service-appointment/5" class="desktop-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Book a Service Appointment</span>
    </a>
</li><li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor">
    <a href="/en/services/after-sales-services" class="desktop-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Service Department</span>
    </a>
</li><li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor">
    <a href="/en/services/parts" class="desktop-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Order Parts and Accessories</span>
    </a>
</li><li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor">
    <a href="/en/services/mazda-aftersales-centre" class="desktop-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Mazda Aftersales Centre</span>
    </a>
</li><li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor">
    <a href="/en/services/bodyshop" class="desktop-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Body Shop Service</span>
    </a>
</li><li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor">
    <a href="/en/services/detailing" class="desktop-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Detailing Service</span>
    </a>
</li><li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor_active">
    <a href="/en/services/unlimited-mileage-warranty" class="desktop-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Unlimited Mileage Warranty</span>
    </a>
</li><li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor">
    <a href="/en/maintenances-timeline" class="desktop-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Scheduled Maintenance</span>
    </a>
</li><li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor">
    <a href="/en/special-offers/department/service/15" class="desktop-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Service Offers</span>
    </a>
</li></ul>


</li>

                    
                <li class="desktop-menu-item"
        data-menu-item
        tabindex="0"
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.desktop-menu-submenu-item__anchor'), (anchor) => anchor.getAttribute('href')) }"
        :data-theme-style="active ? 'desktopMenu_item_fontColor_active desktopMenu_item_bgColor_active': 'desktopMenu_item_fontColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/special-offers" class="desktop-menu-item__anchor subtitle"  itemprop="url"  data-menu-anchor tabindex="-1">
            <span itemprop="name">
                Special Offers</span>
        </a>

        <ul class="desktop-menu-submenu" data-theme-style="desktopMenu_submenu_bgColor" data-menu-submenu>
    </ul>


</li>

                    
                <li class="desktop-menu-item"
        data-menu-item
        tabindex="0"
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.desktop-menu-submenu-item__anchor'), (anchor) => anchor.getAttribute('href')) }"
        :data-theme-style="active ? 'desktopMenu_item_fontColor_active desktopMenu_item_bgColor_active': 'desktopMenu_item_fontColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/financing" class="desktop-menu-item__anchor subtitle"  itemprop="url" aria-haspopup="true"  data-menu-anchor tabindex="-1">
            <span itemprop="name">
                Financing</span>
        </a>

        <ul class="desktop-menu-submenu" data-theme-style="desktopMenu_submenu_bgColor" data-menu-submenu>
    <li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor">
    <a href="/en/form/financing-request-step-1/44" class="desktop-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Apply for Financing</span>
    </a>
</li><li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor">
    <a href="/en/financing" class="desktop-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Financing Department</span>
    </a>
</li><li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor">
    <a href="/en/financing/second-chance" class="desktop-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Second Chance Financing</span>
    </a>
</li><li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor">
    <a href="/en/financing/lease-or-buy" class="desktop-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Lease or Buy?</span>
    </a>
</li><li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor">
    <a href="/en/form/exchange-evaluation-new/4" class="desktop-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Trade-In</span>
    </a>
</li><li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor">
    <a href="/en/financing/special-financing" class="desktop-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            New Immigrant</span>
    </a>
</li></ul>


</li>

                    
                <li class="desktop-menu-item"
        data-menu-item
        tabindex="0"
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.desktop-menu-submenu-item__anchor'), (anchor) => anchor.getAttribute('href')) }"
        :data-theme-style="active ? 'desktopMenu_item_fontColor_active desktopMenu_item_bgColor_active': 'desktopMenu_item_fontColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/innovation/skyactiv" class="desktop-menu-item__anchor subtitle"  itemprop="url" aria-haspopup="true"  data-menu-anchor tabindex="-1">
            <span itemprop="name">
                Innovation</span>
        </a>

        <ul class="desktop-menu-submenu" data-theme-style="desktopMenu_submenu_bgColor" data-menu-submenu>
    <li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor">
    <a href="/en/innovation/skyactiv" class="desktop-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            SKYACTIV Technology</span>
    </a>
</li><li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor">
    <a href="/en/innovation/i-activ-awd" class="desktop-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            i-ACTIV AWD</span>
    </a>
</li><li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor">
    <a href="/en/innovation/i-activsense" class="desktop-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            i-ACTIVSENSE</span>
    </a>
</li><li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor">
    <a href="/en/innovation/kodo-design" class="desktop-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            KODO Design</span>
    </a>
</li></ul>


</li>

                    
                <li class="desktop-menu-item"
        data-menu-item
        tabindex="0"
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.desktop-menu-submenu-item__anchor'), (anchor) => anchor.getAttribute('href')) }"
        :data-theme-style="active ? 'desktopMenu_item_fontColor_active desktopMenu_item_bgColor_active': 'desktopMenu_item_fontColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/about-us" class="desktop-menu-item__anchor subtitle"  itemprop="url" aria-haspopup="true"  data-menu-anchor tabindex="-1">
            <span itemprop="name">
                About Us</span>
        </a>

        <ul class="desktop-menu-submenu" data-theme-style="desktopMenu_submenu_bgColor" data-menu-submenu>
    <li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor">
    <a href="/en/about-us" class="desktop-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            About Us</span>
    </a>
</li><li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor">
    <a href="/en/contact-us" class="desktop-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Contact Us</span>
    </a>
</li><li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor">
    <a href="/en/news" class="desktop-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            News & Insights</span>
    </a>
</li><li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor">
    <a href="/en/news/list/reviews" class="desktop-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Reviews</span>
    </a>
</li><li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor">
    <a href="/en/our-team" class="desktop-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Our Team</span>
    </a>
</li><li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor">
    <a href="/en/careers" class="desktop-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Careers</span>
    </a>
</li><li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor">
    <a href="/en/clubhouse-dealership" class="desktop-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Mazda Clubhouse</span>
    </a>
</li><li class="desktop-menu-submenu-item" data-theme-style="desktopMenu_submenuItem_fontColor">
    <a href="/en/special-offers/department/manufacturer-s-programs/4" class="desktop-menu-submenu-item__anchor"  itemprop="url">
        <span itemprop="name">
            Manufactures Programs</span>
    </a>
</li></ul>


</li>

                    
<li class="desktop-menu-compare desktop-menu-item" data-menu-item tabindex="0">
    <a class="desktop-menu-compare__anchor desktop-menu-item__anchor"
       data-tooltip
       aria-haspopup="true"
       aria-expanded="false"
       data-position="bottom"
       data-alignment="center"
       data-click-open="false"
       data-trigger-class=""
       data-menu-anchor
       role="button"
       href="javascript:void(0);"
       title="Select 2 Vehicles to Compare"
       data-widget-compare
       tabindex="-1"
    >
        <span class="desktop-menu-compare__label" data-theme-style="desktopMenu_item_fontColor">
            

    <svg class="a-icon a-icon-car-compare "
         role="none"
         data-theme-style="desktopMenu_compareCount_bgColor"
    >
        <title>car-compare</title>
        <use xlink:href="#icon-car-compare"></use>
    </svg>


</span>

        <span class="desktop-menu-compare__value" data-theme-style="desktopMenu_compareCount_fontColor desktopMenu_compareCount_bgColor" data-comparetool-count='all'>
            0</span>
    </a>

    <ul class="widget-comparebox" data-menu-submenu data-theme-style="desktopMenu_compareSubmenu_fontColor desktopMenu_compareSubmenu_bgColor" data-widget-comparebox>
        <svg class="widget-comparebox__triangle" preserveAspectRatio="none" viewBox="0 0 100 100">
            <polygon points="0 0,100 0, 100 8, 50 100, 0 8" data-theme-style="desktopMenu_compareSubmenuTriangle_bgColor"></polygon>
        </svg>

        <li class="widget-comparebox__element widget-comparebox__element--inactive">
    <div class="widget-comparebox__element-label" data-theme-style="submenuDesktop_menuItem_fontColor_noHover">
        

    <span class="a-typography  widget-comparebox__element-count" data-comparetool-count="catalog" role="" >
    0
    
    </span>


    <span class="a-typography  widget-comparebox__element-text"  role="" >
    New Vehicle(s)
    
    </span>

</div>
    <div class="widget-comparebox__element-link">
        

            <a  class="a-button -deprecated -secondary px-7 py-5 inline-block border border-solid text-center border-buttonSecondaryBorder bg-buttonSecondary text-onButtonSecondary hover:border-buttonSecondaryBorderHover hover:bg-buttonSecondaryHover hover:text-onButtonSecondaryHover focus:border-buttonSecondaryBorderFocus focus:bg-buttonSecondaryFocus focus:text-onButtonSecondaryFocus btn"
                href="#"
                role="button"
                context-id=""
                
                
                data-comparetool-link="/en/new-catalog/compare/"
    
        data-comparetool-link-type="catalog"
            >
                Compare
            </a>
        
        
</div>
</li>
</ul>

    <div class="widget-comparebox__notification" data-theme-style="desktopMenu_compareSubmenu_fontColor desktopMenu_compareSubmenu_bgColor">
        <div class="widget-comparebox__notification-element widget-comparebox__notification-template">
            <div class="widget-comparebox__notification-icon">
                <span data-theme-sprite=""></span>
            </div>
            <div class="widget-comparebox__notification-text"></div>
        </div>
    </div>
</li>


            </ul>
        </nav>
    
</div>

</div>
</header></div>

                        <div id="mainContent"
                             role="main"
                             class="page page-unlimited.mileage "
                             data-theme-style="page_bgColor"
                             x-init="window.innerWidth < 1024 ? $el.style.marginTop = $refs.header.offsetHeight + 'px' : $el.style.marginTop = '0'"
                             @resize.window="window.innerWidth < 1024 ? $el.style.marginTop = $refs.header.offsetHeight + 'px' : $el.style.marginTop = '0'"
                        >

                            
<div class="p-unlimitedMileage">
    

<div class="o-banner man-bg-center man-bg-no-repeat man-min-h-[12rem] man-text-onBackgroundSecondary man-bg-backgroundSecondary "
     
     
>
    <div class="o-banner__content container">
        

<nav class="m-breadcrumbs -secondary text-sm    text-onBackgroundSecondary" aria-label="Breadcrumb"  data-breadcrumb>
    <ol class="m-breadcrumbs__list flex items-center gap-1 pb-2 whitespace-nowrap overflow-auto" data-breadcrumb-list>
        
    
    <li class="m-breadcrumbItem "  data-breadcrumb-item>
        
            
                <a href="/en" class="m-breadcrumbItem__anchor hover:underline" data-breadcrumb-item-anchor>
                    
                
                    Home
                
            
                </a>

                
    <svg class="a-icon a-icon-breadcrumb-separator m-breadcrumbItem__separator w-2 h-2 "
         role="none"
         data-breadcrumb-icon=""
    >
        <title>breadcrumb-separator</title>
        <use xlink:href="#icon-breadcrumb-separator"></use>
    </svg>


    </li>


    <li class="m-breadcrumbItem "  data-breadcrumb-item>
        
            
                <a href="/en/services/after-sales-services" class="m-breadcrumbItem__anchor hover:underline" data-breadcrumb-item-anchor>
                    Service & Parts
                </a>

                
    <svg class="a-icon a-icon-breadcrumb-separator m-breadcrumbItem__separator w-2 h-2 "
         role="none"
         data-breadcrumb-icon=""
    >
        <title>breadcrumb-separator</title>
        <use xlink:href="#icon-breadcrumb-separator"></use>
    </svg>


    </li>

            
    <li class="m-breadcrumbItem "  data-breadcrumb-item>
        
            
                <span class="m-breadcrumbItem__activeItem" aria-current="page" data-breadcrumb-item-active>
                    Unlimited Mileage Warranty
                </span>
            
        
    </li>

        
    </ol>
</nav>


<nav x-data
     @dropdown-update="if($event.detail.dropdownName == 'navigation') {
                           if($event.detail.response.value.indexOf('http') > -1) {
                               window.open($event.detail.response.value, '_blank').focus();
                           }
                           else {
                               location.href = $event.detail.response.value
                           }
                       }"
    class="w-full lg:hidden">
    

<div class="m-dropdown w-full  -secondary" data-dropdown="navigation" data-theme-style="dropdown" >
    

    <div
        x-on:keydown.escape.prevent.stop="closeOptions($refs.button)"
        x-data="{
            open: false,
            activeElementText: `Unlimited Mileage Warranty`,
            activeElementValue: `/en/services/unlimited-mileage-warranty`,
            toggleOptions() {
                this.open ? this.closeOptions() : this.openOptions()
            },
            openOptions() {
                this.$refs.button.focus()
                this.open = true
            },
            closeOptions(focusAfter) {
                this.open = false
                focusAfter && focusAfter.focus()
            },
            click(response) {
                const thisDropdown = document.getElementById($id('dropdown-button'))
                const childrenLinks = Array.from(thisDropdown.querySelectorAll('.m-dropdownOption__link'))

                $dispatch('dropdown-update', {response : response, dropdownName : 'navigation', reference: $refs.navigation})
                this.activeElementText = response.text
                this.activeElementValue = response.value
                childrenLinks.forEach((link) => {
                    link.classList.remove('-selected')
                })

                response.event.classList.add('-selected')
                this.closeOptions()
            }
        }"
        x-on:focusin.window="! $refs.panel.contains($event.target) && closeOptions()"
        x-id="['dropdown-button']"
        x-ref="navigation"
        :class="open ? '-opened' : ''"
        class="m-dropdown__wrapper relative"
        
    >
        <button
            x-ref="button"
            x-on:click="toggleOptions()"
            :aria-expanded="open"
            :aria-controls="$id('dropdown-button')"
            type="button"
            class="m-dropdown__button w-full flex items-center justify-between gap-2 p-4 border border-solid"
            :class="open ? 'border-b-0' : ''"
            data-button
        >
            <span x-html="activeElementText" class="m-dropdown__button-text" data-text></span>
            

    <svg class="a-icon a-icon-dropdown m-dropdown__button-icon h-4 w-4"
         role="none"
         data-icon=""
    >
        <title>dropdown</title>
        <use xlink:href="#icon-dropdown"></use>
    </svg>


        </button>

        <ul
            x-ref="panel"
            x-show="open"
            x-on:click.outside="closeOptions($refs.button)"
            :id="$id('dropdown-button')"
            x-cloak
            data-panel
            class="m-dropdown__panel absolute z-20 w-full border border-solid border-t-0"
        >
            
        
<li class="m-dropdownOption ">
    <a href="#"
       x-on:click.prevent="click({value : `/en/form/service-appointment/5`, text : `Book a Service Appointment`, event : $event.target})"
       class="m-dropdownOption__link w-full p-4 block border-t border-solid "
       
    >
        Book a Service Appointment

        
    </a>
</li>
        
            
<li class="m-dropdownOption ">
    <a href="#"
       x-on:click.prevent="click({value : `/en/services/after-sales-services`, text : `Service Department`, event : $event.target})"
       class="m-dropdownOption__link w-full p-4 block border-t border-solid "
       
    >
        Service Department

        
    </a>
</li>
        
            
<li class="m-dropdownOption ">
    <a href="#"
       x-on:click.prevent="click({value : `/en/services/parts`, text : `Order Parts and Accessories`, event : $event.target})"
       class="m-dropdownOption__link w-full p-4 block border-t border-solid "
       
    >
        Order Parts and Accessories

        
    </a>
</li>
        
            
<li class="m-dropdownOption ">
    <a href="#"
       x-on:click.prevent="click({value : `/en/services/mazda-aftersales-centre`, text : `Mazda Aftersales Centre`, event : $event.target})"
       class="m-dropdownOption__link w-full p-4 block border-t border-solid "
       
    >
        Mazda Aftersales Centre

        
    </a>
</li>
        
            
<li class="m-dropdownOption ">
    <a href="#"
       x-on:click.prevent="click({value : `/en/services/bodyshop`, text : `Body Shop Service`, event : $event.target})"
       class="m-dropdownOption__link w-full p-4 block border-t border-solid "
       
    >
        Body Shop Service

        
    </a>
</li>
        
            
<li class="m-dropdownOption ">
    <a href="#"
       x-on:click.prevent="click({value : `/en/services/detailing`, text : `Detailing Service`, event : $event.target})"
       class="m-dropdownOption__link w-full p-4 block border-t border-solid "
       
    >
        Detailing Service

        
    </a>
</li>
        
            
<li class="m-dropdownOption ">
    <a href="#"
       x-on:click.prevent="click({value : `/en/services/unlimited-mileage-warranty`, text : `Unlimited Mileage Warranty`, event : $event.target})"
       class="m-dropdownOption__link w-full p-4 block border-t border-solid -selected"
       
    >
        Unlimited Mileage Warranty

        
    </a>
</li>
        
            
<li class="m-dropdownOption ">
    <a href="#"
       x-on:click.prevent="click({value : `/en/maintenances-timeline`, text : `Scheduled Maintenance`, event : $event.target})"
       class="m-dropdownOption__link w-full p-4 block border-t border-solid "
       
    >
        Scheduled Maintenance

        
    </a>
</li>
        
            
<li class="m-dropdownOption ">
    <a href="#"
       x-on:click.prevent="click({value : `/en/special-offers/department/service/15`, text : `Service Offers`, event : $event.target})"
       class="m-dropdownOption__link w-full p-4 block border-t border-solid "
       
    >
        Service Offers

        
    </a>
</li>
        
    
        </ul>
        <input type="hidden" :value="activeElementValue" name="navigation" data-input />
    </div>
</div>
</nav>


<div class="m-tabs -secondary hidden lg:flex man-col-span-12 man-mt-5 man-mb-4 lg:man-mt-10 text-onSurfaceSecondary"
     data-theme-style="tabs"
     x-data="{ activeTabIndex: 7 }"
     
>
    <nav class="m-tabs__links flex flex-wrap items-start"
         role="tablist"
         aria-label="Tabs"
    >
        
            
<a href="/en/form/service-appointment/5" 
    class="m-tabLink relative mb-2.5 mr-5 pb-0.5 last:mr-0
    after:absolute after:-bottom-0.5 after:w-full after:h-0.5 
    before:absolute before:-bottom-0.5 before:block before:w-[calc(100%+20px)] before:h-px before:bg-gray-400 last:before:w-full"
    :class="activeTabIndex === 1 && '-active after:block text-primary after:bg-primary'"
    role="tab"
    id="tab-1"
    tabindex="0"
    
    @click="activeTabIndex = 1"
    x-bind:aria-selected="activeTabIndex === 1 ? 'true' : 'false'"
    
    
>
    
                Book a Service Appointment
                
            
</a>
        
            
<a href="/en/services/after-sales-services" 
    class="m-tabLink relative mb-2.5 mr-5 pb-0.5 last:mr-0
    after:absolute after:-bottom-0.5 after:w-full after:h-0.5 
    before:absolute before:-bottom-0.5 before:block before:w-[calc(100%+20px)] before:h-px before:bg-gray-400 last:before:w-full"
    :class="activeTabIndex === 2 && '-active after:block text-primary after:bg-primary'"
    role="tab"
    id="tab-2"
    tabindex="0"
    
    @click="activeTabIndex = 2"
    x-bind:aria-selected="activeTabIndex === 2 ? 'true' : 'false'"
    
    
>
    
                Service Department
                
            
</a>
        
            
<a href="/en/services/parts" 
    class="m-tabLink relative mb-2.5 mr-5 pb-0.5 last:mr-0
    after:absolute after:-bottom-0.5 after:w-full after:h-0.5 
    before:absolute before:-bottom-0.5 before:block before:w-[calc(100%+20px)] before:h-px before:bg-gray-400 last:before:w-full"
    :class="activeTabIndex === 3 && '-active after:block text-primary after:bg-primary'"
    role="tab"
    id="tab-3"
    tabindex="0"
    
    @click="activeTabIndex = 3"
    x-bind:aria-selected="activeTabIndex === 3 ? 'true' : 'false'"
    
    
>
    
                Order Parts and Accessories
                
            
</a>
        
            
<a href="/en/services/mazda-aftersales-centre" 
    class="m-tabLink relative mb-2.5 mr-5 pb-0.5 last:mr-0
    after:absolute after:-bottom-0.5 after:w-full after:h-0.5 
    before:absolute before:-bottom-0.5 before:block before:w-[calc(100%+20px)] before:h-px before:bg-gray-400 last:before:w-full"
    :class="activeTabIndex === 4 && '-active after:block text-primary after:bg-primary'"
    role="tab"
    id="tab-4"
    tabindex="0"
    
    @click="activeTabIndex = 4"
    x-bind:aria-selected="activeTabIndex === 4 ? 'true' : 'false'"
    
    
>
    
                Mazda Aftersales Centre
                
            
</a>
        
            
<a href="/en/services/bodyshop" 
    class="m-tabLink relative mb-2.5 mr-5 pb-0.5 last:mr-0
    after:absolute after:-bottom-0.5 after:w-full after:h-0.5 
    before:absolute before:-bottom-0.5 before:block before:w-[calc(100%+20px)] before:h-px before:bg-gray-400 last:before:w-full"
    :class="activeTabIndex === 5 && '-active after:block text-primary after:bg-primary'"
    role="tab"
    id="tab-5"
    tabindex="0"
    
    @click="activeTabIndex = 5"
    x-bind:aria-selected="activeTabIndex === 5 ? 'true' : 'false'"
    
    
>
    
                Body Shop Service
                
            
</a>
        
            
<a href="/en/services/detailing" 
    class="m-tabLink relative mb-2.5 mr-5 pb-0.5 last:mr-0
    after:absolute after:-bottom-0.5 after:w-full after:h-0.5 
    before:absolute before:-bottom-0.5 before:block before:w-[calc(100%+20px)] before:h-px before:bg-gray-400 last:before:w-full"
    :class="activeTabIndex === 6 && '-active after:block text-primary after:bg-primary'"
    role="tab"
    id="tab-6"
    tabindex="0"
    
    @click="activeTabIndex = 6"
    x-bind:aria-selected="activeTabIndex === 6 ? 'true' : 'false'"
    
    
>
    
                Detailing Service
                
            
</a>
        
            
<a href="/en/services/unlimited-mileage-warranty" 
    class="m-tabLink relative mb-2.5 mr-5 pb-0.5 last:mr-0
    after:absolute after:-bottom-0.5 after:w-full after:h-0.5 
    before:absolute before:-bottom-0.5 before:block before:w-[calc(100%+20px)] before:h-px before:bg-gray-400 last:before:w-full"
    :class="activeTabIndex === 7 && '-active after:block text-primary after:bg-primary'"
    role="tab"
    id="tab-7"
    tabindex="0"
    
    @click="activeTabIndex = 7"
    x-bind:aria-selected="activeTabIndex === 7 ? 'true' : 'false'"
    
    
>
    
                Unlimited Mileage Warranty
                
            
</a>
        
            
<a href="/en/maintenances-timeline" 
    class="m-tabLink relative mb-2.5 mr-5 pb-0.5 last:mr-0
    after:absolute after:-bottom-0.5 after:w-full after:h-0.5 
    before:absolute before:-bottom-0.5 before:block before:w-[calc(100%+20px)] before:h-px before:bg-gray-400 last:before:w-full"
    :class="activeTabIndex === 8 && '-active after:block text-primary after:bg-primary'"
    role="tab"
    id="tab-8"
    tabindex="0"
    
    @click="activeTabIndex = 8"
    x-bind:aria-selected="activeTabIndex === 8 ? 'true' : 'false'"
    
    
>
    
                Scheduled Maintenance
                
            
</a>
        
            
<a href="/en/special-offers/department/service/15" 
    class="m-tabLink relative mb-2.5 mr-5 pb-0.5 last:mr-0
    after:absolute after:-bottom-0.5 after:w-full after:h-0.5 
    before:absolute before:-bottom-0.5 before:block before:w-[calc(100%+20px)] before:h-px before:bg-gray-400 last:before:w-full"
    :class="activeTabIndex === 9 && '-active after:block text-primary after:bg-primary'"
    role="tab"
    id="tab-9"
    tabindex="0"
    
    @click="activeTabIndex = 9"
    x-bind:aria-selected="activeTabIndex === 9 ? 'true' : 'false'"
    
    
>
    
                Service Offers
                
            
</a>
        
    </nav>
    
</div>


    <h1 class="a-typography heading1 man-text-center lg:man-text-left man-col-span-12 lg:man-col-span-8 lg:man-mb-10"  role="heading" aria-level="1">
    Mazda Unlimited Mileage Warranty
    
    </h1>


    </div>
</div>


    <div class="container man-grid man-gap-4 man-grid-cols-12 man-pb-11 lg:man-pb-14">
        <div class="man-col-span-12 lg:man-col-span-8">
            

    <h2 class="a-typography heading3 man-mb-5 lg:man-mb-2.5"  role="heading" aria-level="3">
    Standard on all the news models
    
    </h2>


    <div class="a-typography body1 wysiwyg man-mb-10"  role="" >
    <p>Mazda vehicles are designed to be driven, and to prove it, we&rsquo;ve introduced Mazda Unlimited &ndash; the only warranty program of its kind in Canada.</p>
<p>Mazda Unlimited features unlimited mileage for our 3-YEAR New Vehicle, 3-YEAR Roadside Assistance, 5-YEAR Powertrain and 7-YEAR Anti-Perforation warranties, so you can focus on every thrilling moment spent behind the wheel instead of the odometer.</p>
<p>Standard on all new models.</p>
    
    </div>


            <section class="p-unlimitedMileage__cards man-grid man-gap-4 md:man-grid-cols-8 man-mb-11 lg:man-mb-10">
                
                    
<div class="m-basicCard -primary flex flex-col gap-5 man-border man-border-solid man-border-gray-300 md:man-col-span-4 bg-surfacePrimary text-onSurfacePrimary" >
    
        <div class="m-basicCard__mediaParent ">
            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 450 145'%2F%3E" alt="new vehicle" class="a-image__img lazyload man-w-full" x-data x-lazy-image loading="lazy" height="145" width="450" data-src="https://img.sm360.ca/images/web/default/global/en_newvehicle1639757493527.jpg" >
        
    
        </div>
    

    <div class="a-typography  m-basicCard__text wysiwyg body1 man-px-5 man-pb-5"  role="" >
    <p>Every new Mazda vehicle in Canada (2015 onward) comes with a 3-YEAR New Vehicle Unlimited Mileage Warranty, so you can ignore the odometer and focus on the road ahead.</p>
    
    </div>


</div>
                    
                
<div class="m-basicCard -primary flex flex-col gap-5 man-border man-border-solid man-border-gray-300 md:man-col-span-4 bg-surfacePrimary text-onSurfacePrimary" >
    
        <div class="m-basicCard__mediaParent ">
            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 450 145'%2F%3E" alt="Roadside Assistance" class="a-image__img lazyload man-w-full" x-data x-lazy-image loading="lazy" height="145" width="450" data-src="https://img.sm360.ca/images/web/default/global/en_roadside1639757529739.jpg" >
        
    
        </div>
    

    <div class="a-typography  m-basicCard__text wysiwyg body1 man-px-5 man-pb-5"  role="" >
    <p>With our 3-YEAR Unlimited Mileage Roadside Assistance, you'll have the peace of mind that comes with knowing your vehicle was designed to be driven.</p>
    
    </div>


</div>
                    
                
<div class="m-basicCard -primary flex flex-col gap-5 man-border man-border-solid man-border-gray-300 md:man-col-span-4 bg-surfacePrimary text-onSurfacePrimary" >
    
        <div class="m-basicCard__mediaParent ">
            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 450 145'%2F%3E" alt="Powertrain" class="a-image__img lazyload man-w-full" x-data x-lazy-image loading="lazy" height="145" width="450" data-src="https://img.sm360.ca/images/web/default/global/en_powertrain1639757634947.jpg" >
        
    
        </div>
    

    <div class="a-typography  m-basicCard__text wysiwyg body1 man-px-5 man-pb-5"  role="" >
    <p>Don&rsquo;t just drive. Drive with confidence thanks to our 5-YEAR Powertrain Unlimited Mileage Warranty.</p>
    
    </div>


</div>
                    
                
<div class="m-basicCard -primary flex flex-col gap-5 man-border man-border-solid man-border-gray-300 md:man-col-span-4 bg-surfacePrimary text-onSurfacePrimary" >
    
        <div class="m-basicCard__mediaParent ">
            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 450 145'%2F%3E" alt="Anti-Perforation" class="a-image__img lazyload man-w-full" x-data x-lazy-image loading="lazy" height="145" width="450" data-src="https://img.sm360.ca/images/web/default/global/en_anti-perforation1639757661472.jpg" >
        
    
        </div>
    

    <div class="a-typography  m-basicCard__text wysiwyg body1 man-px-5 man-pb-5"  role="" >
    <p>For the Mazda driver who truly wants to get the most of their vehicle comes a 7-YEAR Anti-Perforation Warranty with Unlimited Mileage.</p>
    
    </div>


</div>
                    
                
            </section>

            <section class="p-unlimitedMileage__faqs man-mb-5 lg:man-mb-0">
                

    <h2 class="a-typography heading3 man-mb-11 lg:man-mb-10"  role="heading" aria-level="3">
    FAQ
    
    </h2>


<div class="m-accordion w-full lg:man-w-auto"  data-theme-style="accordion">
    
                    
<div class="m-accordionItem  first:border-t border-b border-solid man-bg-transparent man-mb-2" x-data="{isOpen : false}">
    <button class="m-accordionItem__title relative w-full p-5 flex items-center justify-between leading-5 group "
       id="accordionTitle-2"
       aria-controls="accordionContent-2"
       @click="isOpen = !isOpen"
       :aria-expanded="isOpen"
       
       
    >
        
        I bought an extended warranty (Mazda Added Protection Plan). Do I still need it with the Unlimited Warranty?
        

    <svg class="a-icon a-icon-accordion-close m-accordionItem__picto shrink-0 h-3 w-3 "
         role="none"
         x-show="isOpen"
    >
        <title>accordion-close</title>
        <use xlink:href="#icon-accordion-close"></use>
    </svg>


    <svg class="a-icon a-icon-accordion-open m-accordionItem__picto shrink-0 h-3 w-3 "
         role="none"
         x-show="!isOpen"
    >
        <title>accordion-open</title>
        <use xlink:href="#icon-accordion-open"></use>
    </svg>


    </button>
    <div class="max-h-0 overflow-hidden transition-all duration-300"
         role="region"
         aria-labelledby="accordionTitle-2"
         id="accordionContent-2"
         x-ref="thisTabContent"
         :style="isOpen ? 'max-height: ' + $refs.thisTabContent.scrollHeight + 'px;' : ''"
    >
        <div class="m-accordionItem__content p-5 text-left wysiwyg ">
            <p><span>Your Mazda Added Protection (MAP) offers even more protection than what is offered in the Mazda Unlimited Mileage Warranty. Items such as road hazard, original equipment parts, rental vehicle and original vehicle collision parts gap coverage are just some of the additional benefits. MAP continues to offer you more value and peace-of-mind coverage.</span></p>
            
        </div>
    </div>
</div>
                        
                    
<div class="m-accordionItem  first:border-t border-b border-solid man-bg-transparent man-mb-2" x-data="{isOpen : false}">
    <button class="m-accordionItem__title relative w-full p-5 flex items-center justify-between leading-5 group "
       id="accordionTitle-3"
       aria-controls="accordionContent-3"
       @click="isOpen = !isOpen"
       :aria-expanded="isOpen"
       
       
    >
        
        For warranty repairs, do I have to bring my vehicle to the same retailer I purchased it from?
        

    <svg class="a-icon a-icon-accordion-close m-accordionItem__picto shrink-0 h-3 w-3 "
         role="none"
         x-show="isOpen"
    >
        <title>accordion-close</title>
        <use xlink:href="#icon-accordion-close"></use>
    </svg>


    <svg class="a-icon a-icon-accordion-open m-accordionItem__picto shrink-0 h-3 w-3 "
         role="none"
         x-show="!isOpen"
    >
        <title>accordion-open</title>
        <use xlink:href="#icon-accordion-open"></use>
    </svg>


    </button>
    <div class="max-h-0 overflow-hidden transition-all duration-300"
         role="region"
         aria-labelledby="accordionTitle-3"
         id="accordionContent-3"
         x-ref="thisTabContent"
         :style="isOpen ? 'max-height: ' + $refs.thisTabContent.scrollHeight + 'px;' : ''"
    >
        <div class="m-accordionItem__content p-5 text-left wysiwyg ">
            <p><span>Any authorized retailer can perform warranty repairs to your vehicle. However, it is always good to establish a relationship and regular service with your selling retailer.</span></p>
            
        </div>
    </div>
</div>
                        
                    
<div class="m-accordionItem  first:border-t border-b border-solid man-bg-transparent man-mb-2" x-data="{isOpen : false}">
    <button class="m-accordionItem__title relative w-full p-5 flex items-center justify-between leading-5 group "
       id="accordionTitle-4"
       aria-controls="accordionContent-4"
       @click="isOpen = !isOpen"
       :aria-expanded="isOpen"
       
       
    >
        
        I installed accessories at the time of purchase. Are accessories also covered under the Unlimited Mileage Warranty?
        

    <svg class="a-icon a-icon-accordion-close m-accordionItem__picto shrink-0 h-3 w-3 "
         role="none"
         x-show="isOpen"
    >
        <title>accordion-close</title>
        <use xlink:href="#icon-accordion-close"></use>
    </svg>


    <svg class="a-icon a-icon-accordion-open m-accordionItem__picto shrink-0 h-3 w-3 "
         role="none"
         x-show="!isOpen"
    >
        <title>accordion-open</title>
        <use xlink:href="#icon-accordion-open"></use>
    </svg>


    </button>
    <div class="max-h-0 overflow-hidden transition-all duration-300"
         role="region"
         aria-labelledby="accordionTitle-4"
         id="accordionContent-4"
         x-ref="thisTabContent"
         :style="isOpen ? 'max-height: ' + $refs.thisTabContent.scrollHeight + 'px;' : ''"
    >
        <div class="m-accordionItem__content p-5 text-left wysiwyg ">
            <meta charset="utf-8" />
<p><span>Yes. Starting with the 2015 model year vehicles in Canada we have offered our Unlimited Mileage Warranty on all genuine Mazda OEM accessories purchased at the time of vehicle purchase.</span></p>
            
        </div>
    </div>
</div>
                        
                    
<div class="m-accordionItem  first:border-t border-b border-solid man-bg-transparent man-mb-2" x-data="{isOpen : false}">
    <button class="m-accordionItem__title relative w-full p-5 flex items-center justify-between leading-5 group "
       id="accordionTitle-5"
       aria-controls="accordionContent-5"
       @click="isOpen = !isOpen"
       :aria-expanded="isOpen"
       
       
    >
        
        What if my vehicle requires repair when I am travelling in the US? Am I still covered? Does the US have the same warranty coverage as Canada?
        

    <svg class="a-icon a-icon-accordion-close m-accordionItem__picto shrink-0 h-3 w-3 "
         role="none"
         x-show="isOpen"
    >
        <title>accordion-close</title>
        <use xlink:href="#icon-accordion-close"></use>
    </svg>


    <svg class="a-icon a-icon-accordion-open m-accordionItem__picto shrink-0 h-3 w-3 "
         role="none"
         x-show="!isOpen"
    >
        <title>accordion-open</title>
        <use xlink:href="#icon-accordion-open"></use>
    </svg>


    </button>
    <div class="max-h-0 overflow-hidden transition-all duration-300"
         role="region"
         aria-labelledby="accordionTitle-5"
         id="accordionContent-5"
         x-ref="thisTabContent"
         :style="isOpen ? 'max-height: ' + $refs.thisTabContent.scrollHeight + 'px;' : ''"
    >
        <div class="m-accordionItem__content p-5 text-left wysiwyg ">
            <p><span>Mazda Canada Inc. (MCI) and Mazda North America Operations (MNAO) have a reciprocal agreement when it comes to warranty coverage while traveling in North America. Canadian model year vehicles will receive the terms of the Canadian Unlimited Mileage Warranty coverage even if traveling in the US provided that the repair or diagnostic occurs at an authorized Mazda Retailer while in the United States.</span></p>
            
        </div>
    </div>
</div>
                        
                    
<div class="m-accordionItem  first:border-t border-b border-solid man-bg-transparent man-mb-2" x-data="{isOpen : false}">
    <button class="m-accordionItem__title relative w-full p-5 flex items-center justify-between leading-5 group "
       id="accordionTitle-6"
       aria-controls="accordionContent-6"
       @click="isOpen = !isOpen"
       :aria-expanded="isOpen"
       
       
    >
        
        How does the Unlimited Mileage Warranty affect the kilometre limits of a lease? Does my lease now include unlimited kilometres?
        

    <svg class="a-icon a-icon-accordion-close m-accordionItem__picto shrink-0 h-3 w-3 "
         role="none"
         x-show="isOpen"
    >
        <title>accordion-close</title>
        <use xlink:href="#icon-accordion-close"></use>
    </svg>


    <svg class="a-icon a-icon-accordion-open m-accordionItem__picto shrink-0 h-3 w-3 "
         role="none"
         x-show="!isOpen"
    >
        <title>accordion-open</title>
        <use xlink:href="#icon-accordion-open"></use>
    </svg>


    </button>
    <div class="max-h-0 overflow-hidden transition-all duration-300"
         role="region"
         aria-labelledby="accordionTitle-6"
         id="accordionContent-6"
         x-ref="thisTabContent"
         :style="isOpen ? 'max-height: ' + $refs.thisTabContent.scrollHeight + 'px;' : ''"
    >
        <div class="m-accordionItem__content p-5 text-left wysiwyg ">
            <p><span>Your lease agreement and contract is unchanged and does not make allowances for unlimited kilometres. All Terms and Conditions of your financial lease agreement remains in place for kilometre allowances, payment and penalties.</span></p>
            
        </div>
    </div>
</div>
                        
                    
<div class="m-accordionItem  first:border-t border-b border-solid man-bg-transparent man-mb-2" x-data="{isOpen : false}">
    <button class="m-accordionItem__title relative w-full p-5 flex items-center justify-between leading-5 group "
       id="accordionTitle-7"
       aria-controls="accordionContent-7"
       @click="isOpen = !isOpen"
       :aria-expanded="isOpen"
       
       
    >
        
        What are the differences between the previous warranty and the Unlimited Mileage Warranty?
        

    <svg class="a-icon a-icon-accordion-close m-accordionItem__picto shrink-0 h-3 w-3 "
         role="none"
         x-show="isOpen"
    >
        <title>accordion-close</title>
        <use xlink:href="#icon-accordion-close"></use>
    </svg>


    <svg class="a-icon a-icon-accordion-open m-accordionItem__picto shrink-0 h-3 w-3 "
         role="none"
         x-show="!isOpen"
    >
        <title>accordion-open</title>
        <use xlink:href="#icon-accordion-open"></use>
    </svg>


    </button>
    <div class="max-h-0 overflow-hidden transition-all duration-300"
         role="region"
         aria-labelledby="accordionTitle-7"
         id="accordionContent-7"
         x-ref="thisTabContent"
         :style="isOpen ? 'max-height: ' + $refs.thisTabContent.scrollHeight + 'px;' : ''"
    >
        <div class="m-accordionItem__content p-5 text-left wysiwyg ">
            <meta charset="utf-8" />
<h3 class="h5">CURRENT COVERAGE</h3>
<p><strong>Service adjustments:</strong><span>&nbsp;</span>12 months/20,000 km</p>
<p><strong>New Vehicle Basic Warranty Coverage:</strong><span>&nbsp;</span>36 months/80,000 km</p>
<p><strong>Roadside Assistance:</strong><span>&nbsp;</span>36 months/unlimited mileage</p>
<p><strong>Powertrain Warranty:</strong><span>&nbsp;</span>60 months/100,000 km</p>
<p><strong>Anti-Perforation:</strong><span>&nbsp;</span>84 months/160,000 km</p>
<p><strong>Original Equipment Battery:</strong><span>&nbsp;</span>36 months/80,000 km</p>
<p><strong>Emissions Defect:</strong><span>&nbsp;</span>96 months/128,000 km</p>
<p><strong>Safety Restraint:</strong><span>&nbsp;</span>60 months/ 100,000 km</p>
<h3 class="h5">&nbsp;</h3>
<h3 class="h5">UNLIMITED COVERAGE</h3>
<p><strong>Service adjustments:</strong><span>&nbsp;</span>12 months/unlimited mileage</p>
<p><strong>New Vehicle Basic Warranty Coverage:</strong><span>&nbsp;</span>36 months/ unlimited mileage</p>
<p><strong>Roadside Assistance:</strong><span>&nbsp;</span>36 months/ unlimited mileage</p>
<p><strong>Powertrain Warranty:</strong><span>&nbsp;</span>60 months/ unlimited mileage</p>
<p><strong>Anti-Perforation:</strong><span>&nbsp;</span>84 months/ unlimited mileage</p>
<p><strong>Original Equipment Battery:</strong><span>&nbsp;</span>36 months/ unlimited mileage</p>
<p><strong>Emissions Defect:</strong><span>&nbsp;</span>96 months/ unlimited mileage</p>
<p><strong>Safety Restraint</strong>: 60 months/ unlimited mileage</p>
<p><a class="mz-link" href="https://www.mazda.ca/link/67734b744f684e2bb8ce2b5c70937c6b.aspx" target="_blank" rel="noopener">2016 digital version</a><span>&nbsp;</span>of the Mazda Unlimited Mileage Warranty.</p>
<p><a class="mz-link" href="https://www.mazda.ca/link/19b3f96acc7a4f6aad63bd69c4dbf06d.aspx" target="_blank" rel="noopener">2015 digital version</a><span>&nbsp;</span>of the Mazda Unlimited Mileage Warranty.</p>
            
        </div>
    </div>
</div>
                        
                    
<div class="m-accordionItem  first:border-t border-b border-solid man-bg-transparent man-mb-2" x-data="{isOpen : false}">
    <button class="m-accordionItem__title relative w-full p-5 flex items-center justify-between leading-5 group "
       id="accordionTitle-8"
       aria-controls="accordionContent-8"
       @click="isOpen = !isOpen"
       :aria-expanded="isOpen"
       
       
    >
        
        Do Mazda certified pre-owned vehicles come with the Mazda Unlimited Warranty?
        

    <svg class="a-icon a-icon-accordion-close m-accordionItem__picto shrink-0 h-3 w-3 "
         role="none"
         x-show="isOpen"
    >
        <title>accordion-close</title>
        <use xlink:href="#icon-accordion-close"></use>
    </svg>


    <svg class="a-icon a-icon-accordion-open m-accordionItem__picto shrink-0 h-3 w-3 "
         role="none"
         x-show="!isOpen"
    >
        <title>accordion-open</title>
        <use xlink:href="#icon-accordion-open"></use>
    </svg>


    </button>
    <div class="max-h-0 overflow-hidden transition-all duration-300"
         role="region"
         aria-labelledby="accordionTitle-8"
         id="accordionContent-8"
         x-ref="thisTabContent"
         :style="isOpen ? 'max-height: ' + $refs.thisTabContent.scrollHeight + 'px;' : ''"
    >
        <div class="m-accordionItem__content p-5 text-left wysiwyg ">
            <p><span>Mazda Unlimited Warranty applies to all new Mazda vehicles from date of purchase. A Certified Pre-Owned vehicle&rsquo;s warranty coverage may include any Mazda Unlimited Warranty balance within the warranty time period. For example, a Certified Pre-Owned vehicle that is four years old from date of purchase will be covered by the Mazda Unlimited 5-Year Powertrain and 7-Year Anti-Perforation warranties but not the 3-Year New Vehicle and 3-Year Roadside Assistance warranties. Regardless of original, new vehicle date of purchase, all Certified Pre-Owned vehicles include a Limited Powertrain Warranty for up to 7 years or 140,000 kilometres, whichever comes first.</span></p>
            
        </div>
    </div>
</div>
                        
                    
<div class="m-accordionItem  first:border-t border-b border-solid man-bg-transparent man-mb-2" x-data="{isOpen : false}">
    <button class="m-accordionItem__title relative w-full p-5 flex items-center justify-between leading-5 group "
       id="accordionTitle-9"
       aria-controls="accordionContent-9"
       @click="isOpen = !isOpen"
       :aria-expanded="isOpen"
       
       
    >
        
        Can I transfer this warranty to another owner if I sell my vehicle?
        

    <svg class="a-icon a-icon-accordion-close m-accordionItem__picto shrink-0 h-3 w-3 "
         role="none"
         x-show="isOpen"
    >
        <title>accordion-close</title>
        <use xlink:href="#icon-accordion-close"></use>
    </svg>


    <svg class="a-icon a-icon-accordion-open m-accordionItem__picto shrink-0 h-3 w-3 "
         role="none"
         x-show="!isOpen"
    >
        <title>accordion-open</title>
        <use xlink:href="#icon-accordion-open"></use>
    </svg>


    </button>
    <div class="max-h-0 overflow-hidden transition-all duration-300"
         role="region"
         aria-labelledby="accordionTitle-9"
         id="accordionContent-9"
         x-ref="thisTabContent"
         :style="isOpen ? 'max-height: ' + $refs.thisTabContent.scrollHeight + 'px;' : ''"
    >
        <div class="m-accordionItem__content p-5 text-left wysiwyg ">
            <meta charset="utf-8" /><meta charset="utf-8" />
<p><span>During the warranty period, this warranty it transferable without charge to subsequent owners. Please use the &ldquo;Subsequent Owner Notification&rdquo; in the Warranty Information Booklet to make this change. If you have any questions in this regard, please contact your Mazda Retailer for assistance. There is also no limit on the number of owners during the warranty period.</span></p>
            
        </div>
    </div>
</div>
                        
                    
<div class="m-accordionItem  first:border-t border-b border-solid man-bg-transparent man-mb-2" x-data="{isOpen : false}">
    <button class="m-accordionItem__title relative w-full p-5 flex items-center justify-between leading-5 group "
       id="accordionTitle-10"
       aria-controls="accordionContent-10"
       @click="isOpen = !isOpen"
       :aria-expanded="isOpen"
       
       
    >
        
        Do my scheduled maintenance intervals change as a result of this new Unlimited Mileage Warranty?
        

    <svg class="a-icon a-icon-accordion-close m-accordionItem__picto shrink-0 h-3 w-3 "
         role="none"
         x-show="isOpen"
    >
        <title>accordion-close</title>
        <use xlink:href="#icon-accordion-close"></use>
    </svg>


    <svg class="a-icon a-icon-accordion-open m-accordionItem__picto shrink-0 h-3 w-3 "
         role="none"
         x-show="!isOpen"
    >
        <title>accordion-open</title>
        <use xlink:href="#icon-accordion-open"></use>
    </svg>


    </button>
    <div class="max-h-0 overflow-hidden transition-all duration-300"
         role="region"
         aria-labelledby="accordionTitle-10"
         id="accordionContent-10"
         x-ref="thisTabContent"
         :style="isOpen ? 'max-height: ' + $refs.thisTabContent.scrollHeight + 'px;' : ''"
    >
        <div class="m-accordionItem__content p-5 text-left wysiwyg ">
            <meta charset="utf-8" />
<p><span>No. You continue to have the responsibility to properly maintain your Mazda by servicing every 8,000 km or every 4 months, whichever occurs first. See&nbsp;</span><a class="text--red" href="https://www.mazda.ca/link/1cf68991a81341dcaca16acbbda1faa9.aspx">Service Advantage and Scheduling</a><span>&nbsp;for a complete schedule of maintenance and service for your vehicle.</span></p>
            
        </div>
    </div>
</div>
                        
                    
</div>


            </section>
        </div>
        <div class="p-unlimitedMileage__sidebar man-col-span-12 lg:man-col-span-4 man-flex man-flex-col lg:man-ml-5">
            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 432 409'%2F%3E" alt="Unlimited Mileage" class="a-image__img lazyload man-w-full man-mb-5 lg:man-mb-10" x-data x-lazy-image loading="lazy" height="409" width="432" data-src="https://img.sm360.ca/images/web/default/global/en_mazda_unlimited_hero1639760369063.jpg" >
        
    
            <a  class="a-button -deprecated -primary px-5 py-3 inline-block border border-solid text-center border-buttonPrimaryBorder text-buttonPrimary hover:border-buttonPrimaryBorderHover hover:bg-buttonPrimaryHover hover:text-onButtonPrimaryHover focus:border-buttonPrimaryBorderFocus focus:bg-buttonPrimaryFocus focus:text-onButtonPrimaryFocus man-mb-2.5"
                href="https://fs-sm360.s3.us-east-1.amazonaws.com/var/mazda/2025-warranty-details-e.pdf"
                role="button"
                context-id=""
                
                target="_blank"
                
                
            >
                View 2025 Warranty Details
            </a>
        
        
            <a  class="a-button -deprecated -primary px-5 py-3 inline-block border border-solid text-center border-buttonPrimaryBorder text-buttonPrimary hover:border-buttonPrimaryBorderHover hover:bg-buttonPrimaryHover hover:text-onButtonPrimaryHover focus:border-buttonPrimaryBorderFocus focus:bg-buttonPrimaryFocus focus:text-onButtonPrimaryFocus man-mb-2.5"
                href="https://fs-sm360.s3.us-east-1.amazonaws.com/var/mazda/2024-warranty-details-e.pdf"
                role="button"
                context-id=""
                
                target="_blank"
                
                
            >
                View 2024 Warranty Details
            </a>
        
        
            <a  class="a-button -deprecated -primary px-5 py-3 inline-block border border-solid text-center border-buttonPrimaryBorder text-buttonPrimary hover:border-buttonPrimaryBorderHover hover:bg-buttonPrimaryHover hover:text-onButtonPrimaryHover focus:border-buttonPrimaryBorderFocus focus:bg-buttonPrimaryFocus focus:text-onButtonPrimaryFocus man-mb-2.5"
                href="https://fs-sm360.s3.us-east-1.amazonaws.com/var/mazda/2023-warranty-details-e.pdf"
                role="button"
                context-id=""
                
                target="_blank"
                
                
            >
                View 2023 Warranty Details
            </a>
        
        
            <a  class="a-button -deprecated -primary px-5 py-3 inline-block border border-solid text-center border-buttonPrimaryBorder text-buttonPrimary hover:border-buttonPrimaryBorderHover hover:bg-buttonPrimaryHover hover:text-onButtonPrimaryHover focus:border-buttonPrimaryBorderFocus focus:bg-buttonPrimaryFocus focus:text-onButtonPrimaryFocus man-mb-2.5"
                href="https://fs-sm360.s3.us-east-1.amazonaws.com/var/mazda/2022-warranty-details-ev-e.pdf"
                role="button"
                context-id=""
                
                target="_blank"
                
                
            >
                View EV 2022 Warranty Details
            </a>
        
        
            <a  class="a-button -deprecated -primary px-5 py-3 inline-block border border-solid text-center border-buttonPrimaryBorder text-buttonPrimary hover:border-buttonPrimaryBorderHover hover:bg-buttonPrimaryHover hover:text-onButtonPrimaryHover focus:border-buttonPrimaryBorderFocus focus:bg-buttonPrimaryFocus focus:text-onButtonPrimaryFocus man-mb-2.5"
                href="https://fs-sm360.s3.us-east-1.amazonaws.com/var/mazda/2022-warranty-details-e.pdf"
                role="button"
                context-id=""
                
                target="_blank"
                
                
            >
                View 2022 Warranty Details
            </a>
        
        
            <a  class="a-button -deprecated -primary px-5 py-3 inline-block border border-solid text-center border-buttonPrimaryBorder text-buttonPrimary hover:border-buttonPrimaryBorderHover hover:bg-buttonPrimaryHover hover:text-onButtonPrimaryHover focus:border-buttonPrimaryBorderFocus focus:bg-buttonPrimaryFocus focus:text-onButtonPrimaryFocus man-mb-2.5"
                href="https://fs-sm360.s3.amazonaws.com/var/mazda/unlimited_warranty_booklet_en_2021.pdf"
                role="button"
                context-id=""
                
                target="_blank"
                
                
            >
                View 2021 Warranty Details
            </a>
        
        
            <a  class="a-button -deprecated -primary px-5 py-3 inline-block border border-solid text-center border-buttonPrimaryBorder text-buttonPrimary hover:border-buttonPrimaryBorderHover hover:bg-buttonPrimaryHover hover:text-onButtonPrimaryHover focus:border-buttonPrimaryBorderFocus focus:bg-buttonPrimaryFocus focus:text-onButtonPrimaryFocus man-mb-2.5"
                href="https://fs-sm360.s3.amazonaws.com/var/mazda/unlimited_warranty_booklet_en_2020.pdf"
                role="button"
                context-id=""
                
                target="_blank"
                
                
            >
                View 2020 Warranty Details
            </a>
        
        
            <a  class="a-button -deprecated -primary px-5 py-3 inline-block border border-solid text-center border-buttonPrimaryBorder text-buttonPrimary hover:border-buttonPrimaryBorderHover hover:bg-buttonPrimaryHover hover:text-onButtonPrimaryHover focus:border-buttonPrimaryBorderFocus focus:bg-buttonPrimaryFocus focus:text-onButtonPrimaryFocus man-mb-2.5"
                href="https://fs-sm360.s3.amazonaws.com/var/mazda/unlimited_warranty_booklet_en_2019.pdf"
                role="button"
                context-id=""
                
                target="_blank"
                
                
            >
                View 2019 Warranty Details
            </a>
        
        
            <a  class="a-button -deprecated -primary px-5 py-3 inline-block border border-solid text-center border-buttonPrimaryBorder text-buttonPrimary hover:border-buttonPrimaryBorderHover hover:bg-buttonPrimaryHover hover:text-onButtonPrimaryHover focus:border-buttonPrimaryBorderFocus focus:bg-buttonPrimaryFocus focus:text-onButtonPrimaryFocus man-mb-2.5"
                href="https://fs-sm360.s3.amazonaws.com/var/mazda/unlimited_warranty_booklet_en_2018.pdf"
                role="button"
                context-id=""
                
                target="_blank"
                
                
            >
                View 2018 Warranty Details
            </a>
        
        
            <a  class="a-button -deprecated -primary px-5 py-3 inline-block border border-solid text-center border-buttonPrimaryBorder text-buttonPrimary hover:border-buttonPrimaryBorderHover hover:bg-buttonPrimaryHover hover:text-onButtonPrimaryHover focus:border-buttonPrimaryBorderFocus focus:bg-buttonPrimaryFocus focus:text-onButtonPrimaryFocus man-mb-2.5"
                href="https://fs-sm360.s3.amazonaws.com/var/mazda/unlimited_warranty_booklet_en_2017.pdf"
                role="button"
                context-id=""
                
                target="_blank"
                
                
            >
                View 2017 Warranty Details
            </a>
        
        
            <a  class="a-button -deprecated -primary px-5 py-3 inline-block border border-solid text-center border-buttonPrimaryBorder text-buttonPrimary hover:border-buttonPrimaryBorderHover hover:bg-buttonPrimaryHover hover:text-onButtonPrimaryHover focus:border-buttonPrimaryBorderFocus focus:bg-buttonPrimaryFocus focus:text-onButtonPrimaryFocus man-mb-2.5"
                href="https://fs-sm360.s3.amazonaws.com/var/mazda/unlimited_warranty_booklet_en_2016.pdf"
                role="button"
                context-id=""
                
                target="_blank"
                
                
            >
                View 2016 Warranty Details
            </a>
        
        
            <a  class="a-button -deprecated -primary px-5 py-3 inline-block border border-solid text-center border-buttonPrimaryBorder text-buttonPrimary hover:border-buttonPrimaryBorderHover hover:bg-buttonPrimaryHover hover:text-onButtonPrimaryHover focus:border-buttonPrimaryBorderFocus focus:bg-buttonPrimaryFocus focus:text-onButtonPrimaryFocus man-mb-2.5"
                href="https://fs-sm360.s3.amazonaws.com/var/mazda/unlimited_warranty_booklet_en_2015.pdf"
                role="button"
                context-id=""
                
                target="_blank"
                
                
            >
                View 2015 Warranty Details
            </a>
        
        
        </div>
    </div>
</div>
</div>
                            

<footer id="footer" itemscope itemtype="https://schema.org/WPFooter" data-theme-style="footer_bgColor footer_fontColor">
    <div class="container gen-grid sm:gen-grid-cols-2 xl:gen-grid-cols-4 gen-gap-5">
        <div class="gen-py-6">
            

    <p class="a-typography subheading1 gen-pb-7"  role="heading" aria-level="1">
    Contact Us
    
    </p>


    <p class="a-typography subheading2 gen-pb-2"  role="heading" aria-level="2">
    Mazda of Toronto
    
    </p>


<address class="address gen-flex  gen-pb-6" data-component data-component-type="address" data-theme-style="">
    

    <a href="http://maps.google.com/?q=Mazda+of+Toronto+6167+Yonge+St+M2M+3X2+Ontario+North+York"
       class="a-link w-fit -deprecated -tertiary text-tertiary hover:text-tertiary gen-grow"
        
        target="_blank"
        title="6167 Yonge St, North York, Ontario, M2M 3X2"
        
        
    >
        6167 Yonge St, North York, Ontario, M2M 3X2
        
            
    <svg class="a-icon a-icon-link-external ml-2"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


    </a>

        
</address><section class="phone-number gen-pb-8">
    <div class="phone-number-department ">
        

    <span class="a-typography   phone-number-department__name phone-number-department--ponctuation" data-theme-style="" role="" >
    General
    
    </span>


    <a href="tel:1-416-642-7777"
       class="a-link w-fit -deprecated -tertiary text-tertiary hover:text-tertiary  shiftdigital-event phone-number-department__phone"
        
        
        title="1-416-642-7777"
        
        
        data-shiftdigital-url="tel:1-416-642-7777"
    
        data-shiftdigital-title="Other"
    
        data-shiftdigital-event="clickToCall"
    >
        1-416-642-7777
        
    </a>

        
</div>
<div class="phone-number-department ">
        

    <span class="a-typography   phone-number-department__name phone-number-department--ponctuation" data-theme-style="" role="" >
    Fax
    
    </span>


    <a href="tel:1-416-642-7430"
       class="a-link w-fit -deprecated -tertiary text-tertiary hover:text-tertiary  shiftdigital-event phone-number-department__phone"
        
        
        title="1-416-642-7430"
        
        
        data-shiftdigital-url="tel:1-416-642-7430"
    
        data-shiftdigital-title="Other"
    
        data-shiftdigital-event="clickToCall"
    >
        1-416-642-7430
        
    </a>

        
</div>
</section>


            <a  class="a-button -deprecated -secondary px-7 py-5 inline-block border border-solid text-center border-buttonSecondaryBorder text-buttonSecondary hover:border-buttonSecondaryBorderHover hover:bg-buttonSecondaryHover hover:text-onButtonSecondaryHover focus:border-buttonSecondaryBorderFocus focus:bg-buttonSecondaryFocus focus:text-onButtonSecondaryFocus "
                href="/en/contact-us"
                role="button"
                context-id=""
                
                
            >
                Contact Us
            </a>
        
        
<div class="social-network ">
        <a class="" href="https://www.facebook.com/TorontoMazda" title="Facebook | Mazda of Toronto" target="_blank" aria-label="Facebook - New Window">
                

    <svg class="a-icon a-icon-facebook social-media gen-mr-7 "
         role="none"
         data-theme-style="socialBlock_iconColor socialBlock_iconColor_hover"
    >
        <title>facebook</title>
        <use xlink:href="#icon-facebook"></use>
    </svg>


</a>
        <a class=" " href="https://www.youtube.com/@mazdatoronto" title="Youtube | Mazda of Toronto" target="_blank" aria-label="Youtube - New Window">
                

    <svg class="a-icon a-icon-youtube social-media gen-mr-7 "
         role="none"
         data-theme-style="socialBlock_iconColor socialBlock_iconColor_hover"
    >
        <title>youtube</title>
        <use xlink:href="#icon-youtube"></use>
    </svg>


</a>
        <a class=" " href="https://www.instagram.com/mazdaoftoronto/" title="Instagram | Mazda of Toronto" target="_blank" aria-label="Instagram - New Window">
                

    <svg class="a-icon a-icon-instagram social-media gen-mr-7 "
         role="none"
         data-theme-style="socialBlock_iconColor socialBlock_iconColor_hover"
    >
        <title>instagram</title>
        <use xlink:href="#icon-instagram"></use>
    </svg>


</a>
        </div>
</div>

        <div class="gen-py-6">
            

    <p class="a-typography subheading1 gen-pb-7"  role="heading" aria-level="1">
    Business Hours
    
    </p>


<div class="m-tabs -secondary  text-onSurfaceSecondary"
     data-theme-style="tabs"
     x-data="{ activeTabIndex: 0 }"
     
>
    <nav class="m-tabs__links flex flex-wrap items-start"
         role="tablist"
         aria-label="Tabs"
    >
        <button  
    class="m-tabLink relative mb-2.5 mr-5 pb-0.5 last:mr-0
    after:absolute after:-bottom-0.5 after:w-full after:h-0.5 footer-tabs__links
    before:absolute before:-bottom-0.5 before:block before:w-[calc(100%+20px)] before:h-px before:bg-gray-400 last:before:w-full"
    :class="activeTabIndex === 0 && '-active after:block text-primary after:bg-primary'"
    role="tab"
    id="tab-0"
    tabindex="0"
    aria-controls="panel-0"
    @click="activeTabIndex = 0"
    x-bind:aria-selected="activeTabIndex === 0 ? 'true' : 'false'"
    
    
>
    
                            Sales
                        
</button>
                        

<button  
    class="m-tabLink relative mb-2.5 mr-5 pb-0.5 last:mr-0
    after:absolute after:-bottom-0.5 after:w-full after:h-0.5 footer-tabs__links
    before:absolute before:-bottom-0.5 before:block before:w-[calc(100%+20px)] before:h-px before:bg-gray-400 last:before:w-full"
    :class="activeTabIndex === 1 && '-active after:block text-primary after:bg-primary'"
    role="tab"
    id="tab-1"
    tabindex="0"
    aria-controls="panel-1"
    @click="activeTabIndex = 1"
    x-bind:aria-selected="activeTabIndex === 1 ? 'true' : 'false'"
    
    
>
    
                            Service
                        
</button>
    </nav>
    
        <div class="m-tabs__panels">
            <div class="m-tabPanel "
     
     role="tabpanel"
     id="panel-0"
     aria-labelledby="tab-0"
     x-show="activeTabIndex === 0"
     data-theme-style="footerTabs_fontColor"
>
    
                            
<table class="m-departmentHours gen-w-2/3 gen-mt-2.5" >
    

        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Monday
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    9:00AM / 8:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Tuesday
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    9:00AM / 8:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Wednesday
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    9:00AM / 8:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Thursday
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    9:00AM / 8:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Friday
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    9:00AM / 6:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Saturday
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    9:00AM / 6:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Sunday
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    Closed
    
    </td>


        </tr>
    

</table>
                        
</div>
                        

<div class="m-tabPanel "
     
     role="tabpanel"
     id="panel-1"
     aria-labelledby="tab-1"
     x-show="activeTabIndex === 1"
     data-theme-style="footerTabs_fontColor"
>
    
                            
<table class="m-departmentHours gen-w-2/3 gen-mt-2.5" >
    

        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Monday
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    7:30AM / 5:30PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Tuesday
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    7:30AM / 5:30PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Wednesday
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    7:30AM / 5:30PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Thursday
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    7:30AM / 5:30PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Friday
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    7:30AM / 5:30PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Saturday
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    8:00AM / 4:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Sunday
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    Closed
    
    </td>


        </tr>
    

</table>
                        
</div>
        </div>
    
</div>

</div>

        <div class="gen-py-6">
            

    <p class="a-typography subheading1 gen-pb-7"  role="heading" aria-level="1">
    Mazda Vehicles
    
    </p>

<div class="gen-grid gen-grid-cols-2 xl:gen-grid-cols-1 gen-w-1/2 gen-gap-1" role="navigation">
                

    <a href="/en/new-catalog/mazda/2026-mazda-3-gx-id33169"
       class="a-link w-fit -deprecated  link-tertiary gen-mr-2 gen-mb-3 gen-w-16"
        
        
        title="Mazda3 for sale at Mazda of Toronto in North York"
        
        
    >
        Mazda3
        
    </a>

        
    <a href="/en/new-catalog/mazda/2026-mazda-3-sport-gx-id33190"
       class="a-link w-fit -deprecated  link-tertiary gen-mr-2 gen-mb-3 gen-w-16"
        
        
        title="Mazda3 Sport for sale at Mazda of Toronto in North York"
        
        
    >
        Mazda3 Sport
        
    </a>

        
    <a href="/en/new-catalog/mazda/2026-mazda-cx-30-gx-id33216"
       class="a-link w-fit -deprecated  link-tertiary gen-mr-2 gen-mb-3 gen-w-16"
        
        
        title="CX-30 for sale at Mazda of Toronto in North York"
        
        
    >
        CX-30
        
    </a>

        
    <a href="/en/new-catalog/mazda/2026-mazda-cx-5-gx-id33552"
       class="a-link w-fit -deprecated  link-tertiary gen-mr-2 gen-mb-3 gen-w-16"
        
        
        title="CX-5 for sale at Mazda of Toronto in North York"
        
        
    >
        CX-5
        
    </a>

        
    <a href="/en/new-catalog/mazda/2025-mazda-cx-50-gs-l-id28555"
       class="a-link w-fit -deprecated  link-tertiary gen-mr-2 gen-mb-3 gen-w-16"
        
        
        title="CX-50 for sale at Mazda of Toronto in North York"
        
        
    >
        CX-50
        
    </a>

        
    <a href="/en/new-catalog/mazda/2025-mazda-cx-50-hybrid-gs-l-id29039"
       class="a-link w-fit -deprecated  link-tertiary gen-mr-2 gen-mb-3 gen-w-16"
        
        
        title="CX-50 Hybrid for sale at Mazda of Toronto in North York"
        
        
    >
        CX-50 Hybrid
        
    </a>

        
    <a href="/en/new-catalog/mazda/2026-mazda-cx-70-mild-hybrid-gs-l-id33217"
       class="a-link w-fit -deprecated  link-tertiary gen-mr-2 gen-mb-3 gen-w-16"
        
        
        title="CX-70 Mild Hybrid for sale at Mazda of Toronto in North York"
        
        
    >
        CX-70 Mild Hybrid
        
    </a>

        
    <a href="/en/new-catalog/mazda/2026-mazda-cx-70-plug-in-hybrid-gs-sc-id33221"
       class="a-link w-fit -deprecated  link-tertiary gen-mr-2 gen-mb-3 gen-w-16"
        
        
        title="CX-70 Plug-In Hybrid for sale at Mazda of Toronto in North York"
        
        
    >
        CX-70 Plug-In Hybrid
        
    </a>

        
    <a href="/en/new-catalog/mazda/2026-mazda-cx-90-mild-hybrid-gs-id33208"
       class="a-link w-fit -deprecated  link-tertiary gen-mr-2 gen-mb-3 gen-w-16"
        
        
        title="CX-90 Mild Hybrid for sale at Mazda of Toronto in North York"
        
        
    >
        CX-90 Mild Hybrid
        
    </a>

        
    <a href="/en/new-catalog/mazda/2026-mazda-cx-90-plug-in-hybrid-gs-id33205"
       class="a-link w-fit -deprecated  link-tertiary gen-mr-2 gen-mb-3 gen-w-16"
        
        
        title="CX-90 Plug-In Hybrid for sale at Mazda of Toronto in North York"
        
        
    >
        CX-90 Plug-In Hybrid
        
    </a>

        
    <a href="/en/new-catalog/mazda/2024-mazda-mx-30-gs-id27772"
       class="a-link w-fit -deprecated  link-tertiary gen-mr-2 gen-mb-3 gen-w-16"
        
        
        title="MX-30 for sale at Mazda of Toronto in North York"
        
        
    >
        MX-30
        
    </a>

        
    <a href="/en/new-catalog/mazda/2026-mazda-mx-5-gs--id33351"
       class="a-link w-fit -deprecated  link-tertiary gen-mr-2 gen-mb-3 gen-w-16"
        
        
        title="MX-5 for sale at Mazda of Toronto in North York"
        
        
    >
        MX-5
        
    </a>

        
    <a href="/en/new-catalog/mazda/2026-mazda-mx-5-rf-gs-p-id33355"
       class="a-link w-fit -deprecated  link-tertiary gen-mr-2 gen-mb-3 gen-w-16"
        
        
        title="MX-5 RF for sale at Mazda of Toronto in North York"
        
        
    >
        MX-5 RF
        
    </a>

        
</div>
        </div>

        <div class="gen-py-6">
            

    <p class="a-typography subheading1 gen-pb-7"  role="heading" aria-level="1">
    Useful Links
    
    </p>

<div class="gen-flex gen-flex-col gen-gap-1" role="navigation">
                

    <a href="/en/special-offers"
       class="a-link w-fit -deprecated  link-tertiary gen-mb-3 footer__list-element-anchor"
        
        
        title="Special Offers"
        
        
        data-czone="footer.links-pages"
    
        data-czone-group="footer"
    
        data-czone-instance="promotions"
    >
        Special Offers
        
    </a>

        
    <a href="/en/services/after-sales-services"
       class="a-link w-fit -deprecated  link-tertiary gen-mb-3 footer__list-element-anchor"
        
        
        title="Service Department"
        
        
        data-czone="footer.links-pages"
    
        data-czone-group="footer"
    
        data-czone-instance="services"
    >
        Service Department
        
    </a>

        
    <a href="/en/financing"
       class="a-link w-fit -deprecated  link-tertiary gen-mb-3 footer__list-element-anchor"
        
        
        title="Financing Department"
        
        
        data-czone="footer.links-pages"
    
        data-czone-group="footer"
    
        data-czone-instance="financing"
    >
        Financing Department
        
    </a>

        
    <a href="/en/about-us"
       class="a-link w-fit -deprecated  link-tertiary gen-mb-3 footer__list-element-anchor"
        
        
        title="About Us"
        
        
        data-czone="footer.links-pages"
    
        data-czone-group="footer"
    
        data-czone-instance="about"
    >
        About Us
        
    </a>

        
    <a href="/en/news"
       class="a-link w-fit -deprecated  link-tertiary gen-mb-3 footer__list-element-anchor"
        
        
        title="News"
        
        
        data-czone="footer.links-pages"
    
        data-czone-group="footer"
    
        data-czone-instance="news"
    >
        News
        
    </a>

        
    <a href="/en/news/list/reviews"
       class="a-link w-fit -deprecated  link-tertiary gen-mb-3 footer__list-element-anchor"
        
        
        title="Customer Reviews"
        
        
        data-czone="footer.links-pages"
    
        data-czone-group="footer"
    
        data-czone-instance="reviews"
    >
        Customer Reviews
        
    </a>

        
    <a href="/en/our-team"
       class="a-link w-fit -deprecated  link-tertiary gen-mb-3 footer__list-element-anchor"
        
        
        title="Our Team"
        
        
        data-czone="footer.links-pages"
    
        data-czone-group="footer"
    
        data-czone-instance="team"
    >
        Our Team
        
    </a>

        
</div>
        </div>

        <div class="widget-scrolltop footer-delta__scroll-top-widget" tabindex="0" data-navigation-enter-press data-widget-scroll-top>
    <div class="widget-scrolltop__block" data-theme-style="widgetScrollTop_color widgetScrollTop_border">
        <div class="widget-scrolltop__picto-wrapper">
            

    <svg class="a-icon a-icon-arrowhead-up widget-scrolltop__picto"
         role="none"
         
    >
        <title>arrowhead-up</title>
        <use xlink:href="#icon-arrowhead-up"></use>
    </svg>


</div>
    </div>
    </div></div>

    
<div class="md:gen-flex container">
    

    <span class="a-typography  footer-bottom__copyright gen-pr-2 md:gen-pr-4" data-theme-style="finePrintLink_fontColor"
    
        itemprop="copyrightHolder" role="" >
    &copy; 2026
            Mazda of Toronto
    
    </span>


    <a href="/en/sitemap"
       class="a-link w-fit -deprecated  link-tertiary footer-bottom__anchor gen-px-1 md:gen-px-4"
        
        
        title="Sitemap"
        
        
    >
        Sitemap
        
    </a>

        
    <a href="/en/terms-of-use"
       class="a-link w-fit -deprecated  link-tertiary footer-bottom__anchor gen-px-1 md:gen-px-4"
        
        
        title="Terms of Use"
        
        
    >
        Terms of Use
        
    </a>

        
    <a href="/en/privacy-policy"
       class="a-link w-fit -deprecated  link-tertiary footer-bottom__anchor gen-px-1 md:gen-px-4"
        
        
        title="Privacy Policy"
        
        
    >
        Privacy Policy
        
    </a>

        
</div></footer>
</div>
                </div>
            </div>
        </div>
        
        <div class="generic__reveal reveal nopadding" id="genericModal" data-reveal>
            <div class="generic__reveal-body reveal-body"></div>
            <button class="close-button" data-close aria-label="Close Modal" role="button" type="button">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>

    <div id="fb-root"></div><script type="text/javascript">

        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id; js.defer = true;
            js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.11";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
</script>
<!--[if lt IE 8]>
        <div class="chromeframe" style="height:80px;">
            <div style="margin: 0; background: #ccc; color: #000; padding: 1.2em 0; position:fixed; bottom:0; width:100%; z-index:1000;">
                <div style="display:block; margin:0.5em auto; width:940px;">
                    You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</div>
            </div>
        </div>
        <![endif]-->
    

        <script src="/js/shiftdigital-click-tracking.js"></script>
    

<script src="https://d1azc1qln24ryf.cloudfront.net/78355/PhoenixJSP/svgxuse-cf.js?9h068n" defer></script>


<script defer src="https://d1azc1qln24ryf.cloudfront.net/78355/manufacturer-mazda/svgxuse-cf.js?1j1ods"></script>

<script src="/js/phoenix-jsp/phoenix-jsp.min.js" defer></script>


<script src="/js/manufacturers/mazda/mazda.min.js" defer></script>


<script defer src="/js/theme/mazda-toronto-2022/main.min.js?v=075300995"></script>
<script defer src="//cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/js/foundation.min.js"></script>

        <script defer src="https://unpkg.com/swiper@6.8.4/swiper-bundle.min.js"></script>
        <script defer src="https://d1azc1qln24ryf.cloudfront.net/78355/mazda-toronto-2022/svgxuse-s3.js?rw7isp"></script>

        <script type="text/javascript">
</script>


        <script src="/js/urlTracker.js"></script>

        <script type="text/javascript">
            $(document).ready(function () {
                var contextPath = '';
                urlTracker.addUrl(contextPath);
            });

        </script>

        
                    <script>
    function generateUrlWithTr(){
        var url = window.location.href;
        var query = window.location.search.substring(1);
        if(query){
            url = url.concat('&tr=14')
        }
        else{
            url =  url.concat('?tr=14')
        }
        return url;
    }
    function removeAccents(vehicleName){
        var accents = ['à','â','ä','è','ê','é','ë','ï','î','ô','ö','ù','û','ü','ÿ','ç','À','Â','Ä','Ç','É','È','Ê','Ë','Î','Ï','Ô','Ö','Ù','Û','Ü','Ÿ'];
        var letterWitoutAccents = ['a','a','a','e','e','e','e','i','i','o','o','u','u','u','y','c','A','A','A','C','E','E','E','E','I','I','O','O','U','U','U','Y'];
        for(var i = 0;i != accents.length;i++){
            vehicleName = vehicleName.replace(accents[i], letterWitoutAccents[i]);
        }
        return vehicleName;
    }
    function tagUserView(language, image, vehicleName, ttl) {
        if (!ttl) ttl = 2591999;
        if(vehicleName){
            vehicleName = removeAccents(vehicleName);
        }

        iframeSrcBuilder(language, image, vehicleName, ttl);

    }
    function iframeSrcBuilder(language, image, vehicleName, ttl) {
        var iFrameSRC = "//script.sm360.ca/dynamic-ads/adunit/tag_user_view.html?"
        var iFrameID = "adgear-car-tag";
        var $iframe = document.getElementById(iFrameID);
        if (typeof image != "undefined" && image != null) {
            iFrameSRC = iFrameSRC + "&i=" + encodeURIComponent(String(image));
        }
        if (typeof vehicleName != "undefined" && vehicleName != null) {
            iFrameSRC = iFrameSRC + "&v=" + encodeURIComponent(String(vehicleName));
        }
        if (typeof language != "undefined" && language != null) {
            iFrameSRC = iFrameSRC + "&l=" + encodeURIComponent(String(language));
        }
        iFrameSRC = iFrameSRC +
                "&ttl=" + encodeURIComponent(String(ttl)) +
                "&AG_R=" + String(Math.random());

        $iframe = iframeGenerator($iframe, iFrameID, iFrameSRC);
    }
    function iframeGenerator($iframe, iFrameID, iFrameSRC) {
        if (!$iframe) {
            $iframe = document.createElement('iframe');
            $iframe.id = iFrameID;
            $iframe.style.visibility = "hidden";
            $iframe.style.display = "none";
            $iframe.style.width = "1px";
            $iframe.style.height = "1px";
            $iframe.setAttribute("width", "1");
            $iframe.setAttribute("height", "1");
            $iframe.setAttribute("frameborder", "0");
            $iframe.setAttribute("marginwidth", "0");
            $iframe.setAttribute("marginheight", "0");
            $iframe.setAttribute("scrolling", "no");
            $iframe.setAttribute("src", iFrameSRC);
            document.body.appendChild($iframe);
        } else {
            $iframe.setAttribute("src", iFrameSRC);
        }
        return $iframe
    }
    $(document).ready(function () {
        if (typeof dataLayer !== 'undefined' && typeof dataLayer[0].make !== 'undefined') {
            var language = document.getElementsByTagName('html')[0].getAttribute('lang'),
                    vehicleName = "",
                    image;
            if (language == null || language == "") {
                language = "fr";
            }

            if (language == 'fr') {
                vehicleName = dataLayer[0].make + " " + dataLayer[0].model + " " + dataLayer[0].year;
            } else {
                vehicleName = dataLayer[0].year + " " + dataLayer[0].make + " " + dataLayer[0].model;
            }

            
                    tagUserView(language, null, vehicleName);
                
        }
    });
</script>

                
                <div id="cherry-popper"></div>

    <script type="text/javascript">
        $(window).load(function(){
            $.getScript( "//cherry.sm360.ca/js/1.0.0/cherry-popper.min.js?v=075300995").done(function( script, textStatus ) {
                $('#cherry-popper').popper({
                    serviceUrl:"//cherry.sm360.ca/cherries",
                    websiteId: 3758,
                    vehicleInventoryId: window.dataLayer && window.dataLayer[0].stockNo ? window.dataLayer[0].id : undefined,
                    vehicleCatalogTrimId: window.dataLayer && window.dataLayer[0].condition && !window.dataLayer[0].stockNo ? window.dataLayer[0].id : undefined,
                    organizationUnitId: 8256,
                    currentPage: document.location.href,
                    locale: "en"
                });

                $('#cherry-popper').popper("init");
            })
            .fail(function( jqxhr, settings, exception ) {
                console.log("Cherries not loaded, problem loading js");
            });
        });
        function closePopup() {
            $('#cherry-popper').popper("closeCurrentPopup");
        }
    </script>

            
<style>
    .footer-sm {
        margin: auto;
    }

    .footer-sm.custom {
        background-color: ;
    }

    .footer-sm.custom .content {
        color: ;
    }

    .footer-sm.light {
        background-color: #ffffff
    }

    .footer-sm.light .content {
        color: #666;
    }

    .footer-sm.dark {
        background-color: #111111
    }

    .footer-sm.dark .content {
        color: #f9f9f9;
    }

    .footer-sm--container {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        padding: 15px;
    }

    .footer-sm--container .content {
        padding: 0;
        margin: 0 10px 0 0;
        text-transform: uppercase;
        font-family: arial, sans-serif;
        font-size: 9px;
        float: left;
        line-height: 25px;
    }

    .footer-sm--container .logo-sm {
        height: 24px;
        display: block;
        float: left;
        clear: none;
    }

</style>
<style media="print">
    .footer-sm {
        display: none;
    }
</style>

<div class="footer-sm light" role="contentinfo" aria-label="Footer 360.Agency">
    <div class="footer-sm--container">
        
        
                <p class="content">Powered and developed by</p>
                
                    <a href="https://360.agency/en/solutions-for-dealership/web-and-mobile-solutions-for-car-dealers/personalized-web-sites-for-dealerships/" target="_blank" rel="noopener" aria-label="Footer SM360">
                
                
                        <img src="https://img.sm360.ca/images/var/sm360/logo/en-light.png" alt="360.Agency" width="122" class="logo-sm" height="24"  />

                    
                    </a>
                
            
        <br clear="all"/>
    </div>
</div>

        
        <script type="text/javascript">
    $(document).ready(function(){

        function insertDataAttribut() {
            var value, i, j;
            if (document.forms.length) {
                var forms = document.forms;
                for (i = 0; i < forms.length; i++) {
                    value = forms[i];
                    if (value.getAttribute('data-gtmsm360') == null) {
                        value.setAttribute('data-gtmsm360', 'conv__form');
                    }
                }
            }

            if (document.links.length) {
                var links = document.links;
                for (i = 0; i < links.length; i++) {
                    var testClass = links[i].className;

                    if (testClass.indexOf('header') >=0 && links[i].href.indexOf('tel:') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'conv__header-phone');
                    }
                    else if (testClass.indexOf('header') >= 0 && testClass.indexOf('logo') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'ux__header-logo');
                    }
                    else if ((links[i].parentElement.className.indexOf('header') >=0) && (testClass.indexOf('button') >=0 )) {
                        links[i].setAttribute('data-gtmsm360', 'ux__header-cta');
                    }
                    else if ((links[i].parentElement.className.indexOf('header') >=0) && (testClass.indexOf('btn') >=0 )) {
                        links[i].setAttribute('data-gtmsm360', 'ux__header-cta');
                    }
                    else if (testClass.indexOf("header") >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'ux__main-menu');
                    }
                    else if (testClass.indexOf('footer') >= 0 && links[i].href.indexOf('tel:') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'conv__footer-phone');
                    }
                    else if (testClass.indexOf('footer') >= 0 && testClass.indexOf('address') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'conv__footer-address');
                    }
                    else if (testClass.indexOf("footer") >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'ux__footer-link');
                    }
                    else if (testClass.indexOf('social') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'conv__social-media');
                    }
                    else if (testClass.indexOf('pagination') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'ux__pagination');
                    }
                    else if (testClass.indexOf('language') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'ux__language');
                    }
                    else if (links[i].parentElement.className.indexOf('header') >=0 && links[i].href.indexOf('tel:') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'conv__header-phone');
                    }
                    else if (links[i].parentElement.className.indexOf('filter-section') >=0 ) {
                        links[i].setAttribute('data-gtmsm360', 'ux__inventory-cta');
                    }
                    else if (testClass.indexOf('search-tool') >=0 ) {
                        links[i].setAttribute('data-gtmsm360', 'ux__inventory-cta');
                    }
                    else if (testClass.indexOf('inventory-search') >=0 ) {
                        links[i].setAttribute('data-gtmsm360', 'ux__inventory-cta');
                    }
                    else if (links[i].parentElement.className.indexOf('seo-section') >=0 ) {
                        links[i].setAttribute('data-gtmsm360', 'ux__contact-cta');
                    }
                    else if(links[i].hasAttribute('data-carfax-version')) {
                        links[i].setAttribute('data-gtmsm360', 'ux__body-carfax');
                    }
                    else {
                        links[i].setAttribute('data-gtmsm360', 'ux__cta');
                    }
                }
            }

            /**
             * Add data-gtmsm360 on the calculator widget input fields and all form input fields
             */
            if(document.getElementsByTagName('input').length){
                var inputs = document.getElementsByTagName('input');
                for (j = 0; j < inputs.length; j++) {
                    if(inputs[j].hasAttribute("data-calculator")){
                        inputs[j].setAttribute('data-gtmsm360', 'ux__estimate_your_payment');
                    } else if(inputs[j].getAttribute('type') !== 'hidden' && inputs[j].getAttribute('type') !== 'checkbox' && inputs[j].getAttribute('type') !== 'radio') {
                        inputs[j].setAttribute('data-gtmsm360', 'ux__form_input');
                    }
                }
            }

            /**
             * Add data-gtmsm360 on the home search tool radio button, all form radio buttons,
             * all radio and checkbox buttons in inventory filters and all form checkbox buttons
             */
            if ($('label').length>0) {
                $('label').each(function(){
                    if($(this).hasClass('radio-button__label')){
                        if($(this).prop('for').search('filter-hub') >= 0){
                            $(this).attr('data-gtmsm360', 'ux__new_used_button');
                        } else {
                            $(this).attr('data-gtmsm360', 'ux__radio-btn');
                        }
                    } else if($(this)[0].hasAttribute('class')){
                        if($(this).attr('class').search('filters-radio-button-label') >= 0){
                            $(this).attr('data-gtmsm360', 'ux__product_listing_filters');
                        }
                    } else if($(this).hasClass('filters-dropdown__checkbox-label')){
                        $(this).attr('data-gtmsm360', 'ux__product_listing_filters');
                    } else if($(this).hasClass('checkbox-label')){
                        $(this).attr('data-gtmsm360', 'ux__checkbox-btn');
                    }
                });
            }

            /**
             * Add data-gtmsm360 on the home search tool radio button
             */
            if ($('.home-filter__radio-button').length>0) {
                $('.home-filter__radio-button label').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__new_used_button');
                });
            }

            /**
             * Add data-gtmsm360 on the home search tool tabs
             */
            if ($('.page-index [data-filters]').length>0) {
                $('.page-index [data-filters]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__new_used_button');
                });
            }

            /**
             * Add data-gtmsm360 on the home search tool dropdown
             */
            if ($('.home-filter [data-widget-dropdown-button]').length>0) {
                $('.home-filter [data-widget-dropdown-button]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__new_used_button');
                });
            }
            if ($('.page-index [data-options] [data-widget-dropdown-button]').length>0) {
                $('.page-index [data-options] [data-widget-dropdown-button]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__new_used_button');
                });
            }

            /**
             * Add data-gtmsm360 on the catalog listing bodystyle filter
             */
            if ($('[data-bodystyle-trigger]').length>0) {
                $('[data-bodystyle-trigger]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__first_level_filters');
                });
            }

            /**
             * Add data-gtmsm360 on the home promo slider arrows
             */

            if ($('.promo-header-slide').length>0) {
                $('.promo-header-slide .link__slider-arrows-text').each(function(){
                    $(this).parent().attr('data-gtmsm360', 'ux__home-caroussel_arrow');
                });
            }
            if ($('[class^="promo-header-"] .slick-arrow').length>0) {
                $('[class^="promo-header-"] .slick-arrow').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__home-caroussel_arrow');
                    $(this).find('i').attr('data-gtmsm360', 'ux__home-caroussel_arrow');
                });
            }

            var arrows = $('[data-promo-banner-prev], [data-promo-banner-next]');
            if (arrows.length>0) {
                arrows.each(function(){
                    $(this).attr('data-gtmsm360', 'ux__home-caroussel_arrow');
                });
            }

            /**
             * Add data-gtmsm360 on the home promo slider slide
             */

            if ($('[class^="promo-header-"] .slick-slide').length>0) {
                $('[class^="promo-header-"] .slick-slide').each(function(){
                    $(this).find('a').attr('data-gtmsm360', 'ux__home-caroussel');
                    $(this).find('img').attr('data-gtmsm360', 'ux__home-caroussel');
                });
            }

            var promoCarrossel = $('[data-promo-banner-image], [data-promo-banner-link]');
            if (promoCarrossel.length>0) {
                promoCarrossel.each(function(){
                    $(this).attr('data-gtmsm360', 'ux__home-caroussel');
                });
            }

            /**
             * Add data-gtmsm360 on the home catalog slider arrows for bxslider and slick slider
             * and the vehicle preview links
             */
            if ($('.catalog-section').length>0) {
                $('.catalog-section .controls-btn').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__lineup_carroussel_arrow');
                });
                $('.catalog-section .link__slider-arrows-text').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__lineup_carroussel_arrow');
                    $(this).parent().attr('data-gtmsm360', 'ux__lineup_carroussel_arrow');
                });
                $('.catalog-section .bxslider a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__lineup_carroussel');
                });
                $('.catalog-section [data-catalog-index] a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__lineup_carroussel');
                });
                $('.catalog-section [data-catalog-vehicle] a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__lineup_carroussel');
                });
            }

            /**
             * Add data-gtmsm360 on the catalog vdp slider arrows
             */
            if ($('.catalog-details__views-wrapper .link__slider-arrows-text').length>0) {
                $('.catalog-details__views-wrapper .link__slider-arrows-text').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__vehicle_images_arrows');
                    $(this).parent().attr('data-gtmsm360', 'ux__vehicle_images_arrows');
                    if($(this).parent().attr('class').search('next') >= 0){
                        $(this).addClass('ux__vehicle_images_arrows--next');
                        $(this).parent().addClass('ux__vehicle_images_arrows--next');
                    } else {
                        $(this).addClass('ux__vehicle_images_arrows--prev');
                        $(this).parent().addClass('ux__vehicle_images_arrows--prev');
                    }
                });
            }
            if ($('.catalog-details__content-images__control').length>0) {
                $('.catalog-details__content-images__control .link__slider').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__vehicle_images_arrows');
                    $(this).find('i').attr('data-gtmsm360', 'ux__vehicle_images_arrows');
                    $(this).find('span').attr('data-gtmsm360', 'ux__vehicle_images_arrows');
                    if($(this).attr('class').search('next') >= 0){
                        $(this).addClass('ux__vehicle_images_arrows--next');
                        $(this).find('i').addClass('ux__vehicle_images_arrows--next');
                        $(this).find('span').addClass('ux__vehicle_images_arrows--next');
                    } else {
                        $(this).addClass('ux__vehicle_images_arrows--prev');
                        $(this).find('i').addClass('ux__vehicle_images_arrows--prev');
                        $(this).find('span').addClass('ux__vehicle_images_arrows--prev');
                    }
                });
            }

            /**
             * Add data-gtmsm360 on all add to compare checkbox buttons
             */
            if($('[data-comparetool-trigger]').length>0){
                $('[data-comparetool-trigger]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__add_to_compare_option');
                    $(this).find('span').attr('data-gtmsm360', 'ux__add_to_compare_option');
                    $(this).find('i').attr('data-gtmsm360', 'ux__add_to_compare_option');
                    $(this).find('>label').attr('data-gtmsm360', 'ux__add_to_compare_option');
                });
            }

            /**
             * Add data-gtmsm360 on all form submit buttons
             */
            if($('div.submit').length>0){
                $('div.submit').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__form-submit');
                });
            }

            if($('button[type=submit]').length>0){
                $('button[type=submit]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__form-submit');
                });
            }

            /**
             * Add data-gtmsm360 on the inventory odometer and price filter sliders
             */
            if($('[data-slider-handle]').length>0){
                $('[data-slider-handle]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__product_listing_filters');
                });
            }
            if($('.inventory-listing__filters .page-sidebar__left').length>0){
                $('.inventory-listing__filters .page-sidebar__left a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__product_listing_filters');
                });
            }
            if($('[data-collapsing-filters]').length>0){
                $('[data-collapsing-filters] a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__product_listing_filters');
                });
            }

            /**
             * Add a class to the inventory image gallery links that have no class
             */
            if($('[data-gallery-image]').length > 0){
                $('[data-gallery-image] a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__photo_gallery');
                    $(this).find('img').attr('data-gtmsm360', 'ux__photo_gallery');
                });
            }

            if($('.inventory-details__header-image').length>0){
                $('.inventory-details__header-image a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('img').attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('.overlay-content').attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('.overlay-content i').attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('.overlay-content span').attr('data-gtmsm360', 'ux__vehicle_images');
                });
            }
            if($('.inventory-details__header-content').length>0){
                $('.inventory-details__header-content a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('img').attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('.overlay-content').attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('.overlay-content i').attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('.overlay-content span').attr('data-gtmsm360', 'ux__vehicle_images');
                });
            }
            if($('[data-carousel-slide]').length > 0){
                $('[data-carousel-slide]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__body-photo-gallery');
                    $(this).find('img').attr('data-gtmsm360', 'ux__body-photo-gallery');
                });
            }
            if($('.o-carouselThumbnail').length>0){
                $('.o-carouselThumbnail').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__body-photo-gallery');
                    $(this).find('img').attr('data-gtmsm360', 'ux__body-photo-gallery');
                });
            }

            /**
             * Add a class to the catalog image gallery links that have no class
             */
            if($('.catalog-details__gallery-section').length>0){
                $('.catalog-details__gallery-section a').not('.link__regular').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__photo_gallery');
                    $(this).find('img').attr('data-gtmsm360', 'ux__photo_gallery');
                    $(this).find('.overlay-content').attr('data-gtmsm360', 'ux__photo_gallery');
                });
            }
            if($('.catalog-details-premium__gallery-section').length>0){
                $('.catalog-details-premium__gallery-section a').not('.link__regular').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__photo_gallery');
                    $(this).find('img').attr('data-gtmsm360', 'ux__photo_gallery');
                    $(this).find('.overlay-content').attr('data-gtmsm360', 'ux__photo_gallery');
                });
            }
            if($('.catalog-details__content-images__slider').length>0){
                $('.catalog-details__content-images__slider a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('img').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('.overlay-content').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('.overlay-content i').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('.overlay-content span').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                });
            }
            if($('.catalog-details-premium__content-images__slider').length>0){
                $('.catalog-details-premium__content-images__slider a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('img').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('.overlay-content').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('.overlay-content i').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('.overlay-content span').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                });
            }

            /**
             * Add a class to the promo preview image links that have no class
             */
            if($('.promotion-preview').length>0){
                $('.promotion-preview').each(function(){
                    if(!$(this).find('a').hasClass('promotion-preview__anchor')){
                        $(this).find('a').addClass('promotion-preview__anchor');
                    }
                });
            }

            const allTaggingScope = document.querySelectorAll('[data-tagging-scope]');
            if(allTaggingScope.length > 0){
                let taggingEvent = '';
                let taggingScope = '';
                let taggingPrecision = '';

                for(const scope of allTaggingScope) {
                    taggingEvent = scope.dataset.taggingEvent;
                    taggingScope = scope.dataset.taggingScope;
                    taggingPrecision = scope.dataset.taggingPrecision;
                    if(taggingScope === 'best-sellers') {
                        if(taggingPrecision === 'carouselLeft') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-lineup-carousel-left');
                        }
                        else if(taggingPrecision === 'carouselRight') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-lineup-carousel-right');
                        }
                        else if(taggingPrecision === 'cta') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-lineup-carousel-cta');
                        }
                    }
                    else if(taggingScope === 'body') {
                        if(taggingPrecision === 'ctaService') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-cta-service');
                        }
                    }
                    else if(taggingScope === 'catalog-detail') {
                        if(taggingPrecision === 'quote') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-cta-price-quote');
                        }
                        else if(taggingPrecision === 'specification') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-specs-accordion');
                        }
                        else if(taggingPrecision === 'trimChooser') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-trim');
                        }
                    }
                    else if(taggingScope === 'catalog-detail-images-interior' || taggingScope === 'catalog-detail-images-exterior') {
                        if(taggingPrecision === 'carouselLeft') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-vehicle-images-arrow-left');
                        }
                        else if(taggingPrecision === 'carouselRight') {
                            scope.setAttribute('data-gtmsm360', "ux__body-vehicle-images-arrow-right");
                        }
                        else if(taggingPrecision === 'cta') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-lineup-carrousel-cta');
                        }
                    }
                    else if(taggingScope === 'catalogDetails') {
                        if(taggingPrecision === 'colorChooser') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-vdp-colors');
                        }
                        else if(taggingPrecision === 'photoGallery') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-photo-gallery');
                        }
                        else if(taggingPrecision === 'basicAction') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-photo-gallery');
                        }
                    }
                    else if(taggingScope === 'compare') {
                        if(taggingPrecision === 'carfax') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-carfax');
                        }
                    }
                    else if(taggingScope === 'dropdown') {
                        scope.setAttribute('data-gtmsm360', 'ux__body-select-option');
                    }
                    else if(taggingScope === 'footer') {
                        if(taggingPrecision === 'address') {
                            scope.setAttribute('data-gtmsm360', 'eng__footer-address');
                        }
                        else if(taggingPrecision === 'linkContact') {
                            scope.setAttribute('data-gtmsm360', 'ux__footer-link-contact');
                        }
                        else if(taggingPrecision === 'phone') {
                            scope.setAttribute('data-gtmsm360', 'conv__footer-phone');
                        }
                        else if(taggingEvent === 'social') {
                            scope.setAttribute('data-gtmsm360', 'eng__footer-social-media-meta');
                        }
                    }
                    else if(taggingScope === 'header') {
                        if(taggingPrecision === 'address') {
                            scope.setAttribute('data-gtmsm360', 'eng__header-address');
                        }
                        else if(taggingPrecision === 'ctaService') {
                            scope.setAttribute('data-gtmsm360', 'ux__header-cta-service');
                        }
                        else if(taggingPrecision === 'phone') {
                            scope.setAttribute('data-gtmsm360', 'conv__header-phone');
                        }
                        else if(taggingEvent === 'social') {
                            scope.setAttribute('data-gtmsm360', 'eng__header-social-media-meta');
                        }
                    }
                    else if(taggingScope === 'header-menu') {
                        if(taggingPrecision === 'firstLevel') {
                            scope.setAttribute('data-gtmsm360', 'ux__header-main-menu');
                        }
                    }
                    else if(taggingScope === 'header-submenu') {
                        if(taggingPrecision === 'vehicle') {
                            scope.setAttribute('data-gtmsm360', 'ux__header-submenu-vehicle');
                        }
                    }
                    else if(taggingScope === 'home-promo') {
                        if(taggingPrecision === 'carouselLeft') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-home-carousel-left');
                        }
                        else if(taggingPrecision === 'carouselRight') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-home-carousel-right');
                        }
                    }
                    else if(taggingScope === 'inventory-detail') {
                        if(taggingPrecision === 'quote') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-cta-price-quote');
                        }
                    }
                    else if(taggingScope === 'inventoryDetails') {
                        if(taggingPrecision === 'carfax') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-carfax');
                        }
                        else if(taggingPrecision === 'photoGallery') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-photo-gallery');
                        }
                        else if(taggingPrecision === 'basicAction') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-photo-gallery');
                        }
                    }
                    else if(taggingScope === 'inventoryListing') {
                        if(taggingPrecision === 'carfax') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-carfax');
                        }
                    }
                    else if(taggingScope === 'newsletter') {
                        if(taggingEvent === 'social') {
                            scope.setAttribute('data-gtmsm360', 'eng__body-social-media-meta');
                        }
                    }
                    else if(taggingScope === 'page-about') {
                        if(taggingPrecision === 'shopOnline') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-about-cta');
                        }
                    }
                    else if(taggingScope === 'page-contact') {
                        if(taggingPrecision === 'social') {
                            scope.setAttribute('data-gtmsm360', 'eng__body-social-media-meta');
                        }
                        if(taggingPrecision === 'phone') {
                            scope.setAttribute('data-gtmsm360', 'conv__contact-phone');
                        }
                        if(taggingPrecision === 'address') {
                            scope.setAttribute('data-gtmsm360', 'eng__contact-address');
                        }
                    }
                    else if(taggingScope === 'pagination') {
                        scope.setAttribute('data-gtmsm360', 'ux__body-pagination');
                    }
                    else if(taggingScope === 'promoCard') {
                        if(taggingPrecision === 'promoCardImage') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-images-promo');
                        }
                        else if(taggingPrecision === 'promoCardLink') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-cta-promo');
                        }
                    }
                    else if(taggingScope === 'similar-vehicles') {
                        if(taggingPrecision === 'vehicleCardImage') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-vehicle-images-similar-vehicle');
                        }
                        else if(taggingPrecision === 'vehicleCardCta') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-cta-similar-vehicle');
                        }
                        else if(taggingPrecision === 'vehicleCardTitle') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-cta-similar-vehicle');
                        }
                    }
                    else if(taggingScope === 'sticky') {
                        scope.setAttribute('data-gtmsm360', 'eng__sticky-social-media');
                    }
                    else if(taggingScope === 'vehicle-card') {
                        if(taggingPrecision === 'compare') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-listing-compare');
                        }
                    }
                    else if(taggingScope === 'evCta') {
                        scope.setAttribute('data-gtmsm360', 'ux__main-menu');
                    }
                }
            }

        }

        insertDataAttribut();
        initFidelitixTracking();
    });

</script>


         <script type="text/javascript">

    /**
     * This function send data (leadId) of submitted form to Fidelitix
     */
    function sendFormSubmitData(leadId) {
        var fidelObj = window.ra || "data";
        var hasFidelitix = (typeof (fidelObj) === "object");
        if (hasFidelitix) {
            ra.logEvent({
                "event": "leadFormSubmited",
                "eventCategory": "lead",
                "eventAction": "lead-form-submit",
                "eventValue": leadId
            });
        }
    }

    /**
     * This function send data of click on phone CTA to Fidelitix
     */

    function clickToCallFidelitix(phoneData, phoneNumber) {
        var fidelObj = window.ra || "data";
        var hasFidelitix = (typeof (fidelObj) === "object");
        if (hasFidelitix) {
            ra.logEvent({
                "event": "clickToCall",
                "eventCategory": phoneData,
                "eventAction": "click",
                "eventValue": phoneNumber
            });
        }
    }

    /**
     * This function add Click Event Listener to selected element
     */
    function addClicktoCall (selector, attributeName) {
         var selectorPhoneNumber = selector.href;
         var selectorPhoneData = selector.getAttribute(attributeName);
        selector.addEventListener("click", function (e) {
            clickToCallFidelitix(selectorPhoneData,selectorPhoneNumber);
        }, false);

    }

    /**
     * This function initialise phone numbers tracking
     */
    function initFidelitixTracking () {
        var i;
        var phoneNumbers = document.querySelectorAll('a[href*="tel:"]', '[data-gtmsm360]');
        if (phoneNumbers.length) {
            for (i = 0; i < phoneNumbers.length; i++) {
                addClicktoCall(phoneNumbers[i], 'data-gtmsm360')
            }
        }
    }
</script>


<script src="https://cfctradein.azureedge.net/js/cfctradein.js"></script>


<script>
    function colorChooserRedirect(colorCode) {
        const currentUrl = window.location;
        const currentUrlParams = new URLSearchParams(window.location.search);
        currentUrlParams.set('extColorCode', colorCode);
        window.location = currentUrl.origin + currentUrl.pathname + '?' + currentUrlParams.toString();
    }

    document.addEventListener("DOMContentLoaded", () => {
        const chooserItem = document.querySelectorAll('[data-color-chooser-redirect="true"] [data-color-chooser-item]');
        chooserItem.forEach(item => {
            item.addEventListener('click', e => {
                e.preventDefault();
                colorChooserRedirect(item.dataset.colorChooserCode);
            })
        });
    });

</script>
    </body>
    
</html>