

<!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" >
        <link rel="canonical" href="https://www.polestarvilledequebec.com/en">
        
        
        <title>Polestar Ville de Québec | Polestar Dealership in Québec</title>
<meta name="description" content="At Polestar Ville de Québec, check out our new and used Polestar vehicles today. We are your number one dealership for Polestar service in Québec as well.">


<meta property="og:type" content="website"/>
<meta property="og:title" content="Polestar Ville de Québec | Polestar Dealership in Québec"/>
<meta property="og:description" content="At Polestar Ville de Québec, check out our new and used Polestar vehicles today. We are your number one dealership for Polestar service in Québec as well."/>
<meta property="og:site_name" content="Polestar Ville de Québec"/>
<meta property="og:url" content="https://www.polestarvilledequebec.com/en"/>
<meta property="og:image" content="https://img.sm360.ca/images/web/groupesaillant-995/4954/logo-polestar-quebec1781876817949.svg"/>
<meta property="og:locale" content="en"/>


<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Polestar Ville de Québec | Polestar Dealership in Québec">
<meta name="twitter:description" content="At Polestar Ville de Québec, check out our new and used Polestar vehicles today. We are your number one dealership for Polestar service in Québec as well.">


    <meta name="twitter:image" content="https://img.sm360.ca/images/web/groupesaillant-995/4954/logo-polestar-quebec1781876817949.svg">


<meta name="viewport" content="width=device-width, initial-scale=1.0">
        
        
<link rel="preload" href="/css/core-ux/core-ux.min.css" as="style">
<link type="text/css" rel="stylesheet" href="/css/core-ux/core-ux.min.css">


<link href="/css/theme/manticore360/main.css?v=052710625" type="text/css" rel="stylesheet"/>


    <link rel="preload" href="https://cdn.icomoon.io/78355/manufacturer-polestar/style-svg.css?false" as="style" />
    <link rel="stylesheet" href="https://cdn.icomoon.io/78355/manufacturer-polestar/style-svg.css?false" />


<link rel="preload" href="/css/manufacturers/polestar/polestar.min.css" as="style" />
<link type="text/css" rel="stylesheet" href="/css/manufacturers/polestar/polestar.min.css" />
<link rel="preload" href="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.css" as="style" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.css" />
        

        <link rel="icon" href="https://img.sm360.ca/images/web/groupesaillant-995/4954/favicon1777060026858.png">
        <link rel="apple-touch-icon-precomposed" href="https://img.sm360.ca/images/web/groupesaillant-995/4954/logo-icon-appletouch1777060033826.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/core-ux/core-ux.min.js?v=043124638" defer="defer"/></script>

        
            <script type="text/javascript">
                  window.didomiConfig = {
                    languages: {
                        enabled: ['en'],
                        default: 'en'
                    }
                };
window.gdprAppliesGlobally=false;(function(){function n(e){if(!window.frames[e]){if(document.body&&document.body.firstChild){var t=document.body;var r=document.createElement("iframe");r.style.display="none";r.name=e;r.title=e;t.insertBefore(r,t.firstChild)}else{setTimeout(function(){n(e)},5)}}}function e(r,i,o,c,s){function e(e,t,r,n){if(typeof r!=="function"){return}if(!window[i]){window[i]=[]}var a=false;if(s){a=s(e,n,r)}if(!a){window[i].push({command:e,version:t,callback:r,parameter:n})}}e.stub=true;e.stubVersion=2;function t(n){if(!window[r]||window[r].stub!==true){return}if(!n.data){return}var a=typeof n.data==="string";var e;try{e=a?JSON.parse(n.data):n.data}catch(t){return}if(e[o]){var i=e[o];window[r](i.command,i.version,function(e,t){var r={};r[c]={returnValue:e,success:t,callId:i.callId};n.source.postMessage(a?JSON.stringify(r):r,"*")},i.parameter)}}if(typeof window[r]!=="function"){window[r]=e;if(window.addEventListener){window.addEventListener("message",t,false)}else{window.attachEvent("onmessage",t)}}}e("__tcfapi","__tcfapiBuffer","__tcfapiCall","__tcfapiReturn");n("__tcfapiLocator");(function(e,t){var r=document.createElement("link");r.rel="preconnect";r.as="script";var n=document.createElement("link");n.rel="dns-prefetch";n.as="script";var a=document.createElement("link");a.rel="preload";a.as="script";var i=document.createElement("script");i.id="spcloader";i.type="text/javascript";i["async"]=true;i.charset="utf-8";var o="https://sdk.privacy-center.org/"+e+"/loader.js?target_type=notice&target="+t;r.href="https://sdk.privacy-center.org/";n.href="https://sdk.privacy-center.org/";a.href=o;i.src=o;var c=document.getElementsByTagName("script")[0];c.parentNode.insertBefore(r,c);c.parentNode.insertBefore(n,c);c.parentNode.insertBefore(a,c);c.parentNode.insertBefore(i,c)})("9f2f0210-19d1-48f0-a8e7-3e949ac7ab5b","FnpRgEYy")})();
            </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": "Polestar Ville de Québec",
            
        });
    }
</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": "Polestar Ville de Québec",
            
        });
    }
</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": "Polestar Ville de Québec",
            
        });
    }
</script>


        <script type="text/javascript">
        dataLayer = [{
            "isLoggedIn": "false",
            "hasVehicleInGarage": "false",
            "page404": "no",
            "dealership": "Polestar Ville de Québec",
            "language": "en",
            "device": "desktop",
            pageType:'home' ,profitCenter:'generic' ,department:'Home' ,pageName:'Home'
        }];

        // Data Layer builder for gaTriggerEvent
        dataLayerGaTrigger = [{
            pageType:'home' ,profitCenter:'generic' ,department:'Home' ,pageName:'Home'
        }];
</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-WK9TMNF2');</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=6LfqpmwtAAAAACxfqkcK2rmFXvDKLfAjiKqSFs-d"></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('6LfqpmwtAAAAACxfqkcK2rmFXvDKLfAjiKqSFs-d', { action: 'homepage' })
                        .then((token) => {
                            resolve(token);
                        })
                        .catch((error) => {
                            reject(error);
                        });
                });
            });
        }
    </script>


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


<script type='application/ld+json'>
{
    "@context": "http://www.schema.org",
    "@type": "AutoDealer",
    "address": {
        "@type": "PostalAddress",
        "streetAddress": "2238 rue Cyrille-Duquet",
        "addressLocality": "Québec",
        "addressRegion": "QC",
        "postalCode": "G1N 2G3",
        "addressCountry": "CA"
    },
    "brand": "polestar",
    "description": "Polestar Ville de Québec, Polestar dealership in Québec",
    "email": "n/a",
    "geo": {
        "@type": "GeoCoordinates",
        "latitude": "46.79532422",
        "longitude": "-71.28237927"
    },
    "image": "https://img.sm360.ca/images/web/groupesaillant-995/logo-polestar-quebec1781877360258.svg",
    "knowsLanguage": "fr-CA
    ,
    en-CA",
    "logo": "https://img.sm360.ca/images/web/groupesaillant-995/logo-polestar-quebec1781877360258.svg",
    "memberOf": {
        "@type": "ProgramMembership",
        "programName": "n/a"
    },
    "name": "Polestar Ville de Québec",
    "openingHours": "Mo 8:30AM-7:00PM 
            
                
                Tu 8:30AM-7:00PM 
            
                
                We 8:30AM-7:00PM 
            
                
                Th 8:30AM-7:00PM 
            
                
                Fr 8:30AM-6:00PM 
            
                
                Sa - 
            
                
                Su -",
    "priceRange": "5000.0-250000.0 $",
    "sameAs": [
        "https://www.facebook.com/polestarvilledequebec/",
        "",
        "",
        "",
        "https://www.instagram.com/polestarvilledequebec/"
    ],
    "telephone": "1-418-800-7490",
    "url": "www.polestarvilledequebec.com"
}
</script>

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

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


<noscript id="deferred-styles">

    
</noscript>


<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-WK9TMNF2" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager -->


<script type='application/ld+json'>
{
  "@context": "http://www.schema.org",
  "@type": "AutoDealer",
  "name": "Polestar Ville de Québec",
  "url": "www.polestarvilledequebec.com",
  "logo": "https://img.sm360.ca/images/manufacturer/polestar/polestar-color-128-notag.png",
  "priceRange": "5000.0-250000.0 $",
  "image": "https://img.sm360.ca/images/manufacturer/polestar/polestar-color-128-notag.png",
  "description": "Polestar Ville de Québec, Polestar dealership in Québec",
  "address": {
     "@type": "PostalAddress",
     "streetAddress": "2238 rue Cyrille-Duquet",
     "addressLocality": "Québec",
     "addressRegion": "Quebec",
     "postalCode": "G1N 2G3",
     "addressCountry": "CA"
  },
  "geo": {
     "@type": "GeoCoordinates",
     "latitude": "46.79532422",
     "longitude": "-71.28237927"
  },
   "openingHours": "Mo 8:30AM-7:00PM 
            
                
                Tu 8:30AM-7:00PM 
            
                
                We 8:30AM-7:00PM 
            
                
                Th 8:30AM-7:00PM 
            
                
                Fr 8:30AM-6:00PM 
            
                
                Sa - 
            
                
                Su -",
   "telephone": "1-418-800-7490"
}
</script>
<div
            class="off-canvas-wrapper -body1"
            
        >
            <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper >
                <div class="off-canvas-content" data-off-canvas-content>
                    <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
        aria-label="Go to Main Content"
        class="a-button -primary   group accessibility-hidden-button "
        context-key="headerCta_button"
        
        
        data-atom-version="1.0"
        
        data-theme-style="button"
        
        
        href="#mainContent"
        role="button"
        target="_self"
    >
        
            
        <span class="a-button__text">
            Go to Main Content

            
        </span>

        
    </a>


    <a
        aria-label="Go to Footer"
        class="a-button -primary   group accessibility-hidden-button "
        context-key="headerCta_button"
        
        
        data-atom-version="1.0"
        
        data-theme-style="button"
        
        
        href="#footer"
        role="button"
        target="_self"
    >
        
            
        <span class="a-button__text">
            Go to Footer

            
        </span>

        
    </a>


<div
                                class="headerWrapper "
                                x-ref="header"
                        >

                            
<header
        class="o-header -delta "
        data-header
        data-mobile-header
        x-intersect:enter="$refs.nav.style.position = 'static'"
            x-intersect:leave="$refs.nav.style.position = 'fixed', $refs.nav.style.top = 0"
        itemscope
        itemtype="https://schema.org/WPHeader"
        role="banner"
>
    

<div
    class="o-headerTopBravo__wrapper"
>
    <div class="o-headerTopBravo -darkMode gen-group">
        

    <p
            class="a-typography    o-headerTopBravo__dealerName"
            
            
    >
        Polestar Ville de Québec
    </p>


        <div class="o-headerTopBravo__rightContent">
            <div class="o-headerTopBravo__dealerCoordinates">

                
<address class="m-addressLink -darkMode">
    
        <span class="m-addressLink__pinContainer">
            

        <svg
                aria-hidden="true"
                class="i-icon i-pin m-addressLink__icon"
                
                height="24"
                role="img"
                title="Location"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path id="_Tracé_transparent_" data-name="&amp;lt;Tracé transparent&amp;gt;" d="m5.25422,16.03646c-1.31192-1.85367-2.08892-4.03353-2.24705-6.30129-.09957-2.59396.84142-5.11956,2.61408-7.01424C7.21039,1.00399,9.43792.02149,11.77673,0h.43145c2.34467.01758,4.5761,1.00203,6.1711,2.72092,1.76875,1.89469,2.70974,4.41833,2.61408,7.00838-.15228,2.25995-.91171,4.43786-2.19825,6.30129-1.92688,2.92797-4.20908,5.60592-6.79778,7.9694-2.54185-2.39082-4.80256-5.06291-6.74311-7.96354Zm1.23578-12.48539c-1.54814,1.66615-2.37005,3.87922-2.28415,6.15284.14447,2.02751.84338,3.97689,2.02059,5.63327,1.68675,2.5256,3.62535,4.8754,5.7826,7.01424,2.17872-2.10369,4.11732-4.44177,5.7826-6.97322,1.17526-1.6935,1.86636-3.67608,1.99912-5.73289.07419-2.25214-.74576-4.44177-2.28219-6.08839-1.36658-1.4845-3.28761-2.33808-5.3043-2.35371h-.43145c-2.00888.01953-3.92209.86921-5.28282,2.34785Zm2.66679,5.30121c-.00195-1.57239,1.27092-2.84789,2.84249-2.84789,1.57157-.00195,2.8464,1.27159,2.8464,2.84398.00195,1.57044-1.27092,2.84593-2.84249,2.84789h0c-1.56962,0-2.84445-1.27354-2.8464-2.84398Zm1.19869,0c.00195.90828.73991,1.64467,1.64771,1.64467.9078-.00195,1.6438-.74029,1.6438-1.64857-.00195-.90828-.73796-1.64271-1.6438-1.64467-.90975,0-1.64771.73834-1.64771,1.64857Z" stroke-width="0" />
                
            
        </svg>
    

        </span>
    

    <a
        class="m-addressLink__anchor a-link "
        data-theme-style="addressLink"
        href="http://maps.google.com/?q=Polestar+Ville+de+Québec+2238+rue+Cyrille-Duquet+G1N+2G3+QC+Québec"
        data-tagging-event="contacts"
        data-tagging-precision="address"
        data-tagging-scope="header"
        target="_blank"
    >
        

        <span class="m-addressLink__addressStart">
            2238 rue Cyrille-Duquet, 
            Québec, 
        </span>

        <span class="m-addressLink__addressEnd">
            QC, 
            G1N 2G3 
            <svg
                aria-hidden="false"
                class="a-icon i-linkExternal m-addressLink__iconExternalLink"
                
                role="img"
                title="Open a new tab window"
        >
            <use xlink:href="#icon-link-external"></use>
        </svg>
        </span>
    </a>
</address>

                    
            </div>

            
<div class="s-headerPhoneNumbers ">
    

        <div class="m-selectedSinglePhoneNumber">
            

<div class="m-generalPhoneNumber m-selectedSinglePhoneNumber">
    

    <span
            class="a-typography    m-generalPhoneNumber__phoneLabel "
            
            
    >
        Contact us:
    </span>


    <a class="m-phoneNumberAnchor a-link shiftdigital-event m-generalPhoneNumber__anchor m-selectedSinglePhoneNumber"
       data-shiftdigital-event="clickToCall"
       data-shiftdigital-title="Contact us"
       data-shiftdigital-url="tel:1-418-800-7490"
       data-tagging-event="contacts"
       data-tagging-precision="phone"
       data-tagging-scope=""
       data-tagging-specificity="Contact us"
       data-theme-style="phoneNumberAnchor"
       href="tel:+14188007490"
    >
        
        1-418-800-7490
    
    </a>


</div>


                <svg
                aria-hidden="true"
                class="i-icon i-arrowHeadDown m-selectedSinglePhoneNumber__dropdownIcon"
                
                height="24"
                role="img"
                title=""
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m20.62311,7.36673c.01238.01187.02451.024.03639.03639.46786.48798.45156,1.26286-.03639,1.73075l-7.7141,7.50058c-.50801.48742-1.31001.48742-1.81802,0l-7.7141-7.50057c-.01238-.01187-.02451-.024-.03639-.03639-.46785-.48798-.45156-1.26286.03639-1.73075.50739-.48897,1.31064-.48897,1.81802,0l6.81609,6.61551,6.80009-6.61551c.50401-.48773,1.30401-.48773,1.80802,0" stroke-width="0"/>
                
            
        </svg>
            
        </div>
    

    <ul class="m-selectedDepartmentPhoneNumbers s-headerPhoneNumbers__listItem -dropdown ">
        
        
                    <li class="m-selectedDepartmentPhoneNumbers__listItem">
                        

    <span
            class="a-typography    m-selectedDepartmentPhoneNumbers__phoneLabel"
            
            
    >
        General:
    </span>


    <a class="m-phoneNumberAnchor a-link shiftdigital-event m-selectedDepartmentPhoneNumbers__anchor"
       data-shiftdigital-event="clickToCall"
       data-shiftdigital-title="Sales"
       data-shiftdigital-url="tel:1-418-800-7490"
       data-tagging-event="contacts"
       data-tagging-precision="phone"
       data-tagging-scope=""
       data-tagging-specificity="Sales"
       data-theme-style="phoneNumberAnchor"
       href="tel:+14188007490"
    >
        
                            1-418-800-7490
                        
    </a>


                    </li>
                
            
    </ul>


</div>


<div class="o-headerTopBravo__ctas">
    

    <a
        aria-label="Schedule service"
        class="a-button -alpha   group o-headerTopBravo__ctas -button1"
        context-key="header_cta1"
        data-content-zone-group="header"
        data-content-zone-location="header.menu.cta"
        data-atom-version="1.0"
        data-tagging-precision="ctaService"

        
            data-tagging-scope="header"
        data-theme-style="button"
        
        
        href="/en/services"
        role="button"
        target="_self"
    >
        

        <span class="a-button__text">
            Schedule service

            
        </span>

        
    </a>


</div>


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


<div class="o-headerMobileBravo -lightMode gen-group">

    
<a
    class="m-dealerLogo"
    data-czone="logo.dealer.header"
    data-czone-group="logo"
    href="/en"
    title="Polestar Ville de Québec, Polestar dealership in Québec"
>
    

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0  70'%2F%3E"
                     alt="Polestar Ville de Québec logo"
                     class="a-image__img lazyload m-dealerLogo__image "
                     x-data x-lazy-image loading="lazy"
                     height="70"
                     width=""
                     data-src="https://img.sm360.ca/images/web/groupesaillant-995/4954/logo-polestar-quebec1781876817949.svg"
                    
                     data-atom-version="1.0"
                >
        
    
</a>


<div
        class="m-menuButtonBravo "
        data-menu-icon
        
        
>
        <div class="m-menuButtonBravo__text">
                Menu
        </div>

        
        <svg
                aria-hidden="false"
                class="i-icon i-closeButton m-menuButtonBravo__icon"
                
                height="24"
                role="img"
                title="Close window"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path id="_Tracé_transparent_" data-name="&amp;lt;Tracé transparent&amp;gt;" d="m0,12C0,5.37305,5.37305,0,12,0s12,5.37305,12,12-5.37305,12-12,12S0,18.62695,0,12Zm1.19922,0c0,5.96484,4.83594,10.79883,10.80078,10.79883s10.79883-4.83594,10.79883-10.80078c0-5.96289-4.83398-10.79883-10.79883-10.79883-5.96094.00781-10.79297,4.83984-10.80078,10.80078Zm14.27734,4.32031l-3.47461-3.47461-3.47656,3.47461c-.23438.23438-.61328.23438-.84766.00195l-.00195-.00195c-.22852-.23633-.22852-.61328,0-.84961l3.47461-3.4707-3.47461-3.48047c-.2168-.25-.19141-.62891.05859-.8457.22656-.19922.56445-.19727.79102.00195l3.47656,3.47461,3.47461-3.47461c.23438-.23242.61133-.23242.8457,0,.23242.22461.23828.59766.01367.83008l-.01367.01367-3.4707,3.47461,3.4707,3.47656c.23438.22852.23828.60547.00977.83984l-.00977.00977c-.11133.11328-.26172.17578-.41992.17578-.16016.00195-.31445-.06055-.42773-.17383l.00195-.00195Z" stroke-width="0"/>
                
            
        </svg>
    

</div>

</div>


<div
        class="o-headerBottomDelta"
        data-header-bottom
        x-ref="nav"
>
    

        <div class="o-menuCharlie -lightMode">
            <a
    class="m-dealerLogo"
    data-czone="logo.dealer.header"
    data-czone-group="logo"
    href="/en"
    title="Polestar Ville de Québec, Polestar dealership in Québec"
>
    

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0  70'%2F%3E"
                     alt="Polestar Ville de Québec logo"
                     class="a-image__img lazyload m-dealerLogo__image "
                     x-data x-lazy-image loading="lazy"
                     height="70"
                     width=""
                     data-src="https://img.sm360.ca/images/web/groupesaillant-995/4954/logo-polestar-quebec1781876817949.svg"
                    
                     data-atom-version="1.0"
                >
        
    
</a>


    <nav
            aria-label="Website main navigation"
            data-sr360-header
            role="navigation"
    >
        <ul class="o-menuCharlie__list">
            
                
    <li
            class="o-navListItem "
            data-menu-item
            style="order:0"
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navListAnchor'), (anchor) => anchor.getAttribute('href')) }"
            @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        
            
                <a
            data-menu-anchor
            data-tagging-scope="header-menu"
            data-tagging-precision="firstLevel"
            href="/en/new-inventory"
            role="button"
            
        >
    

    <span
            class="a-typography    o-navListItem__text"
            
            
            data-list-item=""
    
        data-nav-item-text=""
            
    >
        New cars

                
        <svg
                aria-hidden="false"
                class="a-icon i-expandMore -menu"
                
                role="img"
                title="Expand accordion item"
        >
            <use xlink:href="#icon-arrowhead-down"></use>
        </svg>
    </span>


        </a>

                
                <ul
            class="o-navSubmenu -collapsed"
            data-submenu
    >
        

    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="https://www.polestar.com/en-ca/stock-cars/polestar-4-coupe/"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        target="_blank"
>
    Shop cars available & in-transit

    
        <svg
                aria-hidden="false"
                class="a-icon i-linkExternal o-navSubmenuAnchor__icon"
                
                role="img"
                title="Open a new tab window"
        >
            <use xlink:href="#icon-link-external"></use>
        </svg>
    

</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/en/form/road-test-new/3"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Request a test drive

    
</a>

    </li>


    </ul>
            
        
    </li>

                
    <li
            class="o-navListItem "
            data-menu-item
            style="order:1"
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navListAnchor'), (anchor) => anchor.getAttribute('href')) }"
            @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        
            
                <a
            data-menu-anchor
            data-tagging-scope="header-menu"
            data-tagging-precision="firstLevel"
            href="/en/used-inventory"
            role="button"
            
        >
    

    <span
            class="a-typography    o-navListItem__text"
            
            
            data-list-item=""
    
        data-nav-item-text=""
            
    >
        Pre-owned cars

                
        <svg
                aria-hidden="false"
                class="a-icon i-expandMore -menu"
                
                role="img"
                title="Expand accordion item"
        >
            <use xlink:href="#icon-arrowhead-down"></use>
        </svg>
    </span>


        </a>

                
        <ul
            class="o-navSubmenu -collapsed"
            data-submenu
    >
        <li class="o-navSubmenuListItem -body2">
            

    <a
            aria-label="Shop certified pre-owned"
            class="a-link   group o-navSubmenuAnchor"
            
            
            title="Shop certified pre-owned"
            
            
            role="link"
            href="/en/certified-inventory"
            
    >
        

        Shop certified pre-owned

        
    </a>


</li>
    <li class="o-navSubmenuListItem -body2">
            

    <a
            aria-label="Shop pre-owned cars"
            class="a-link   group o-navSubmenuAnchor"
            
            
            title="Shop pre-owned cars"
            
            
            role="link"
            href="/en/used-inventory"
            
    >
        

        Shop pre-owned cars

        
    </a>


</li>

        
    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/en/certified-program"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Certified by Polestar program

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/en/form/road-test-used/18"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Request a test drive

    
</a>

    </li>


    </ul>
    

    </li>

                
    <li
            class="o-navListItem "
            data-menu-item
            style="order:2"
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navListAnchor'), (anchor) => anchor.getAttribute('href')) }"
            @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        
            
                <a
            data-menu-anchor
            data-tagging-scope="header-menu"
            data-tagging-precision="firstLevel"
            href="https://www.polestar.com/en-ca/stock-cars/polestar-4/"
            role="button"
            target="_blank"
        >
    

    <span
            class="a-typography    o-navListItem__text"
            
            
            data-list-item=""
    
        data-nav-item-text=""
            
    >
        Model lineup

                
        <svg
                aria-hidden="false"
                class="a-icon i-expandMore -menu"
                
                role="img"
                title="Expand accordion item"
        >
            <use xlink:href="#icon-arrowhead-down"></use>
        </svg>
    </span>


        </a>

                
        <ul
                class="o-navSubmenu -collapsed"
                data-submenu
        >
            
                
    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="https://www.polestar.com/en-ca/stock-cars/polestar-4/"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        target="_blank"
>
    Model lineup

    
        <svg
                aria-hidden="false"
                class="a-icon i-linkExternal o-navSubmenuAnchor__icon"
                
                role="img"
                title="Open a new tab window"
        >
            <use xlink:href="#icon-link-external"></use>
        </svg>
    

</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/en/polestar2"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Polestar 2

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/en/polestar3"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Polestar 3

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/en/polestar-4"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Polestar 4

    
</a>

    </li>


        </ul>
    

    </li>

                
    <li
            class="o-navListItem "
            data-menu-item
            style="order:3"
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navListAnchor'), (anchor) => anchor.getAttribute('href')) }"
            @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        
            
                <a
            data-menu-anchor
            data-tagging-scope="header-menu"
            data-tagging-precision="firstLevel"
            href="/en/services"
            role="button"
            
        >
    

    <span
            class="a-typography    o-navListItem__text"
            
            
            data-list-item=""
    
        data-nav-item-text=""
            
    >
        Service & accessories

                
        <svg
                aria-hidden="false"
                class="a-icon i-expandMore -menu"
                
                role="img"
                title="Expand accordion item"
        >
            <use xlink:href="#icon-arrowhead-down"></use>
        </svg>
    </span>


        </a>

                
        <ul
                class="o-navSubmenu -collapsed"
                data-submenu
        >
            
                
    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/en/services"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Service point

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/en/supplements"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Accessories & additional products

    
</a>

    </li>


        </ul>
    

    </li>

                
    <li
            class="o-navListItem "
            data-menu-item
            style="order:4"
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navListAnchor'), (anchor) => anchor.getAttribute('href')) }"
            @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        
            
                <a
            data-menu-anchor
            data-tagging-scope="header-menu"
            data-tagging-precision="firstLevel"
            href="/en/special-offers"
            role="button"
            
        >
    

    <span
            class="a-typography    o-navListItem__text"
            
            
            data-list-item=""
    
        data-nav-item-text=""
            
    >
        Finance & offers

                
        <svg
                aria-hidden="false"
                class="a-icon i-expandMore -menu"
                
                role="img"
                title="Expand accordion item"
        >
            <use xlink:href="#icon-arrowhead-down"></use>
        </svg>
    </span>


        </a>

                
        <ul
                class="o-navSubmenu -collapsed"
                data-submenu
        >
            
                
    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/en/special-offers"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Our offers

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/en/financing"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Financing options

    
</a>

    </li>


        </ul>
    

    </li>

                
    <li
            class="o-navListItem "
            data-menu-item
            style="order:5"
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navListAnchor'), (anchor) => anchor.getAttribute('href')) }"
            @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        
            
                <a
            data-menu-anchor
            data-tagging-scope="header-menu"
            data-tagging-precision="firstLevel"
            href="/en/about-us"
            role="button"
            
        >
    

    <span
            class="a-typography    o-navListItem__text"
            
            
            data-list-item=""
    
        data-nav-item-text=""
            
    >
        About us

                
        <svg
                aria-hidden="false"
                class="a-icon i-expandMore -menu"
                
                role="img"
                title="Expand accordion item"
        >
            <use xlink:href="#icon-arrowhead-down"></use>
        </svg>
    </span>


        </a>

                
        <ul
                class="o-navSubmenu -collapsed"
                data-submenu
        >
            
                
    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/en/about-us"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    About us

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/en/contact-us"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Contact us

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/en/news"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    News

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/en/careers"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Careers

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/en/news/list/reviews"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Reviews

    
</a>

    </li>


        </ul>
    

    </li>

                
<li
        class="o-navListItem -compare "
        data-menu-item=""
        style="order:6"
        tabindex="0"
>
    <a
            aria-expanded="false"
            aria-haspopup="true"
            class="o-navListItem__text"
            data-alignment="center"
            data-click-open="false"
            data-menu-anchor
            data-nav-item-text=""
            data-position="bottom"
            data-tagging-precision="firstLevel"
            data-tagging-scope="header-menu"
            data-trigger-class=""
            href="javascript:void(0);"
            role="button"
            tabindex="-1"
            title="Select 2 vehicles to compare"
    >
        

    <span
            class="a-typography    o-navListItem__label"
            
            
            data-theme-style="desktopMenu_item_fontColor"
            
    >
        Compare
    </span>


        <div class="o-navListItem__compareCount" data-list-item="">
            

        <svg
                aria-hidden="false"
                class="a-icon i-carCompare -compare"
                
                role="img"
                title="Select 2 vehicles to compare"
        >
            <use xlink:href="#icon-compare"></use>
        </svg>
    

<span
        class="a-quantity "
        data-theme-style="quantity"
        data-comparetool-count="all"
        
>
    
                0
            
</span>
        </div>
    </a>

    
<ul
        class="o-navSubMenuCompareAlpha o-navSubmenu -collapsed -lightMode"
        data-submenu
        data-widget-comparebox
>

    
        <div class="o-navSubMenuCompareAlpha__triangleWrapper">
            <svg
                    class="o-navSubMenuCompareAlpha__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>
        </div>
    

<li class="o-navSubmenuListItemCompare -inactive">
    

    <span
            class="a-typography    o-navSubmenuListItemCompare__count"
            
            
            data-comparetool-count="used"
            
    >
        0
    </span>


    <span
            class="a-typography    o-navSubmenuListItemCompare__text"
            
            
    >
        Used vehicle(s)
    </span>


    <a
        aria-label="Compare"
        class="a-button -alpha   group "
        context-key="header_nav_listItem_compare_button"
        
        
        data-atom-version="1.0"
        
        data-theme-style="button"
        
        data-comparetool-link="/en/used-inventory/compare/"
    
        data-comparetool-link-type="used"
        href="#"
        role="button"
        target="_self"
    >
        

        <span class="a-button__text">
            Compare

            
        </span>

        
    </a>


</li>

    
</ul>


    <div
            class="o-navListItem__compareNotification 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
    class="m-languageSwitchCharlie "
    data-theme-style="languageSwitch"
>
    <a
                        class="m-languageSwitchCharlie__item m-languageSwitch__item -fr"
                        href="/fr" title='Voir le site en Français'
                >
                        <span
                                class="m-languageSwitchCharlie__itemLanguage m-languageSwitch__itemLanguage">
                                Français
                        </span>
                </a>
    <span
                        class="m-languageSwitchCharlie__item m-languageSwitch__item -active -en"
                        title='Voir le site en Français'
                >
                        <span
                                class="m-languageSwitchCharlie__itemLanguage m-languageSwitch__itemLanguage">
                                English
                        </span>
                </span>
</div>
        </div>
    

    <div class="o-headerBottomDelta__infos -lightMode">
        
        
    <p
            class="a-typography -subheading1   o-headerBottomDelta__dealerName"
            
            
    >
        Polestar Ville de Québec
    </p>


<address class="m-addressLink o-headerBottomDelta__dealerAddress">
    

    <a
        class="m-addressLink__anchor a-link -splitted"
        data-theme-style="addressLink"
        href="http://maps.google.com/?q=Polestar+Ville+de+Québec+2238+rue+Cyrille-Duquet+G1N+2G3+QC+Québec"
        data-tagging-event="contacts"
        data-tagging-precision="address"
        data-tagging-scope="header"
        target="_blank"
    >
        

        <span class="m-addressLink__addressStart">
            2238 rue Cyrille-Duquet, 
            Québec, 
        </span>

        <span class="m-addressLink__addressEnd">
            QC, 
            G1N 2G3 
            <svg
                aria-hidden="false"
                class="a-icon i-linkExternal m-addressLink__iconExternalLink"
                
                role="img"
                title="Open a new tab window"
        >
            <use xlink:href="#icon-link-external"></use>
        </svg>
        </span>
    </a>
</address>

            
<div class="m-generalPhoneNumber o-headerBottomDelta__dealerPhoneNumber">
    

    <span
            class="a-typography    m-generalPhoneNumber__phoneLabel "
            
            
    >
        Contact us
    </span>


    <a class="m-phoneNumberAnchor a-link shiftdigital-event m-generalPhoneNumber__anchor o-headerBottomDelta__dealerPhoneNumber"
       data-shiftdigital-event="clickToCall"
       data-shiftdigital-title="Contact us"
       data-shiftdigital-url="tel:1-418-800-7490"
       data-tagging-event="contacts"
       data-tagging-precision="phone"
       data-tagging-scope=""
       data-tagging-specificity="Contact us"
       data-theme-style="phoneNumberAnchor"
       href="tel:+14188007490"
    >
        
        1-418-800-7490
    
    </a>


</div>

    </div>
</div>

        
</header>

    
</div>

                        <main
                                class="page page-index p-home"
                                data-index-page
                                id="mainContent"
                                role="main"
                                x-init="setTimeout(() => { window.innerWidth < 1024 ? $el.style.marginTop = $refs.header.offsetHeight + 'px' : $el.style.marginTop = '0' }, 100)"
            @resize.window="window.innerWidth < 1024 ? $el.style.marginTop = $refs.header.offsetHeight + 'px' : $el.style.marginTop = '0'"
                        >
                            

<section class="l-fullWidth   -darkMode"
              
              
              >
    

    <div
            class="o-carousel o-promoBanner__carousel"
            data-theme-style="carousel"
            
            data-promo-banner=""
    
        taggingScope=""
            x-carousel
            x-init
    >
        <div
                class="o-carousel__main splide "
                data-carousel
                data-splide='{
        &#034;type&#034;: &#034;slide&#034;,
        &#034;perPage&#034;: &#034;1&#034;,
        &#034;autoplay&#034;: &#034;&#034;,
        &#034;height&#034;: &#034;auto&#034;,
        &#034;autoHeight&#034;: true,
        &#034;speed&#034;: &#034;500&#034;,
        &#034;rewind&#034;: &#034;true&#034;
    }'
        >
            <div class="o-carousel__mainTrack splide__track">
                <ul class="o-carousel__mainList splide__list ">
                    <li
    class="o-carouselSlide splide__slide o-promoBanner__slide"
    data-carousel-slide
    
    
>
    

        <a
                class="o-promoBannerItem__slide-link shiftdigital-event"
                data-attribute-id="238019"
                data-attribute-position="1"
                data-shiftdigital-event="carousel"
                data-shiftdigital-index="1"
                data-shiftdigital-title="Polestar - Event"
                data-shiftdigital-url="/en/special-offers/"
                href="/en/special-offers/"
                target=""
                title="Polestar - Event"
        >
                <picture class="a-image w-full o-promoBannerItem__picture">
                
                
                    <source media="(min-width:1024px)" srcset="https://img.sm360.ca/images/generator/headers/polestar/nat/polestar-nat-Polestar2-1920x500-en.png">
                
                
                    <source media="(min-width:768px)" srcset="https://img.sm360.ca/images/generator/headers/polestar/nat/polestar-nat-Polestar2-1200x500-en.png">
                
                
                <img src="https://img.sm360.ca/images/generator/headers/polestar/nat/polestar-nat-Polestar2-1024x1024-en.png"
                     alt="Polestar - Event"
                     class="a-image__img o-promoBannerItem__img"
                     height="500"
                     width="1920"
                    
                     data-atom-version="1.0"
                >
            </picture>
        </a>
    

</li>


<li
    class="o-carouselSlide splide__slide o-promoBanner__slide"
    data-carousel-slide
    
    
>
    

        <div class="o-promoBannerItem">
            <picture class="a-image w-full o-promoBannerItem__picture">
                
                
                    <source media="(min-width:1024px)" srcset="https://img.sm360.ca/images/promo/groupesaillant-995/232394/2026-04-polestarcore-promo-banner-desk1776974723009.png">
                
                
                    <source media="(min-width:768px)" srcset="https://img.sm360.ca/images/promo/groupesaillant-995/232394/2026-04-polestarcore-promo-banner-tab1776974736210.png">
                
                
                <img src="https://img.sm360.ca/images/promo/groupesaillant-995/232394/2026-04-polestarcore-promo-banner-mobile-v11776979428625.png"
                     alt="Find your Polestar at {name}"
                     class="a-image__img o-promoBannerItem__img"
                     height="500"
                     width="1920"
                    
                     data-atom-version="1.0"
                >
            </picture>
            
            
<div class="l-container -defaultMarginBottom  m-promoBannerContent"
              
              
              >
    

<div class="l-row -defaultPaddingBottom "
              
              
              >
    <div class="m-promoBannerContent__wrapper">
            

    <div
            class="a-typography -heading2   m-promoBannerContent__title"
            
            
            data-theme-style="promoBanner_content_titleColor"
            
    >
        Find your Polestar at Polestar Ville de Québec
    </div>


    <div
            class="a-typography   -wysiwyg m-promoBannerContent__text"
            
            
            data-theme-style="promoBanner_content_textColor"
            
    >
        <meta charset="utf-8" />
<p><span>&nbsp;</span></p>
    </div>

<div class="m-promoBannerContent__buttonsWrapper -horizontal">
                <div class="m-promoBannerContent__button">
                        

    <a
        aria-label="Contact us"
        class="a-button -bravo
        
            -primary   group shiftdigital-event"
        context-key="promoBannerContent_button"
        
        
        data-atom-version="1.0"
        
        data-theme-style="button"
        
        data-shiftdigital-url="/en/contact-us"
    
        data-shiftdigital-title="Find your Polestar at {name}"
    
        data-shiftdigital-event="carousel"
    
        data-attribute-id="237248"
    
        data-promo-banner-link=""
    
        data-shiftdigital-index="2"
    
        data-attribute-position="2"
        href="/en/contact-us"
        role="button"
        target="_self"
    >
        

        <span class="a-button__text">
            Contact us

            
        </span>

        
    </a>


</div>
                <div class="m-promoBannerContent__button">
                        

    <a
        aria-label="Schedule service"
        class="a-button -charlie
        
            -primary   group shiftdigital-event"
        context-key="promoBannerContent_button2"
        
        
        data-atom-version="1.0"
        
        data-theme-style="button"
        
        data-shiftdigital-url="/en/services"
    
        data-shiftdigital-title="Find your Polestar at {name}"
    
        data-shiftdigital-event="carousel"
    
        data-attribute-id="237248"
    
        data-promo-banner-link=""
    
        data-shiftdigital-index="2"
    
        data-attribute-position="2"
        href="/en/services"
        role="button"
        target="_self"
    >
        

        <span class="a-button__text">
            Schedule service

            
        </span>

        
    </a>


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

</div>

            
        </div>
    

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

            
                <div class="o-carousel__mainArrows splide__arrows ">
                    

<button
        class="a-carouselArrow splide__arrow splide__arrow--prev -left "
        data-tagging-precision="carouselLeft"

        
            data-tagging-event="home"
        
>
    
        
        <svg
                aria-hidden="false"
                class="i-icon i-carouselLeft "
                accessibilityRole=""
                height="24"
                role="img"
                title="Show previous images"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m18.5,1.35467l-10.3623,10.64533,10.3623,10.64533-1.31885,1.35467L5.5,12,17.18115,0l1.31885,1.35467Z" stroke-width="0" />
                
            
        </svg>
    

</button>


<button
        class="a-carouselArrow splide__arrow splide__arrow--next -right "
        data-tagging-precision="carouselRight"

        
            data-tagging-event="home"
        
>
    
        
        <svg
                aria-hidden="false"
                class="i-icon i-carouselRight "
                accessibilityRole=""
                height="24"
                role="img"
                title="Show next images"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m6.81885,0l11.68115,12-11.68115,12-1.31885-1.35467,10.3623-10.64533L5.5,1.35467l1.31885-1.35467Z" stroke-width="0" />
                
            
        </svg>
    

</button>

                </div>
            
        </div>

        
    </div>


</section>


        <template id="dropdownOptionTemplate">
    <li
        class="m-dropdownOptionBravo"
        data-theme-style="dropdownOptionBravo"
>
    <span data-value="">
        </span>
</li>
</template>


<section class="l-fullWidth   o-inventorySearchDelta -lightMode s-inventorySearch"
              
              
              data-theme-style="inventorySearchDelta"
              >
    

<div class="l-container -defaultMarginBottom  "
              
              
              >
    

<div class="l-row -defaultPaddingBottom "
              
              
              data-showroom-enabled="false"
    
        data-module-version="delta"
    
        data-module=""
    
        data-module-type="inventory-search"
              
              >
    <div class="o-inventorySearchDelta__titleWrapper">
                

    <p
            class="a-typography -heading2   o-inventorySearchDelta__title"
            
            
            data-theme-style="titleUnderline"
            
    >
        Browse inventory
    </p>


</div>

            <div class="o-inventorySearchDelta__hubs -notPopup" data-hubs>
                

<div class="o-inventorySearchDelta__hubItem -notPopup"
             data-theme-style="inventorySearchDelta_hubItem_fontColor inventorySearchDelta_hubItem_bgColor"
             data-inventory-search-delta-hub-item
        >
            

<div
        class="m-radio__container"
        data-theme-style="radio"
>
    <input
            class="m-radio o-inventorySearchDelta__radio"
            id="Shop certified pre-owned"
            checked
            data-listing-url="/en/certified-inventory"
        
    
            iconThemeStyle="inventorySearchDelta_hubItem_iconColor"
        
    
            data-api-url="/en/api/searchtool/filters/certified-inventory"
        
    
            data-use-showroom="false"
            name="hubFilter"
            tabindex="-1"
            type="radio"
            value="Shop certified pre-owned"
    />

    <label
            class="m-radio__label"
            data-navigation-enter-press
            for="Shop certified pre-owned"
            tabindex="0"
    >
        <span class="m-radio__hover"></span>

        Shop certified pre-owned
    </label>
</div>

</div>
    <div class="o-inventorySearchDelta__hubItem -notPopup"
             data-theme-style="inventorySearchDelta_hubItem_fontColor inventorySearchDelta_hubItem_bgColor"
             data-inventory-search-delta-hub-item
        >
            

<div
        class="m-radio__container"
        data-theme-style="radio"
>
    <input
            class="m-radio o-inventorySearchDelta__radio"
            id="Shop pre-owned cars"
            
            data-listing-url="/en/used-inventory"
        
    
            iconThemeStyle="inventorySearchDelta_hubItem_iconColor"
        
    
            data-api-url="/en/api/searchtool/filters/used-inventory"
        
    
            data-use-showroom="false"
            name="hubFilter"
            tabindex="-1"
            type="radio"
            value="Shop pre-owned cars"
    />

    <label
            class="m-radio__label"
            data-navigation-enter-press
            for="Shop pre-owned cars"
            tabindex="0"
    >
        <span class="m-radio__hover"></span>

        Shop pre-owned cars
    </label>
</div>

</div>
    
</div>

            <div class="o-inventorySearchDelta__filters -lightMode loading -notPopup" data-filters>
                

<div
        aria-label="Expand dropdown list"
        class="m-dropdownBravo o-inventorySearchDelta__filterItem -dropdownNotPopup"
        data-component
        data-component-scope="inventory-search"
        data-component-type="dropdown"
        data-dropdown-type="makeId"
        data-dropdown-bravo
        
>
    

    <div
            class="m-dropdownBravo__button"
            data-dropdown-bravo-button
            data-navigation-enter-press
            tabindex="0"
    >
        

    <span
            class="a-placeholder "
            data-placeholder
            
    >
        Make
    </span>


        <span class="m-dropdownBravo__labelText" data-dropdown-bravo-button-text></span>

        
        <svg
                aria-hidden="true"
                class="a-icon i-dropdown "
                data-theme-style="dropdownBravoButtonIcon"
                data-dropdown-bravo-icon=""
                role="img"
                title="Show list of choices"
        >
            <use xlink:href="#icon-arrowhead-down"></use>
        </svg>
    

    </div>

    <ul
            class="m-dropdownBravo__panel"
            data-dropdown-bravo-panel
    >
        
    </ul>
</div>


<div
        aria-label="Expand dropdown list"
        class="m-dropdownBravo o-inventorySearchDelta__filterItem -dropdownNotPopup"
        data-component
        data-component-scope="inventory-search"
        data-component-type="dropdown"
        data-dropdown-type="modelId"
        data-dropdown-bravo
        
>
    

    <div
            class="m-dropdownBravo__button"
            data-dropdown-bravo-button
            data-navigation-enter-press
            tabindex="0"
    >
        

    <span
            class="a-placeholder "
            data-placeholder
            
    >
        Model
    </span>


        <span class="m-dropdownBravo__labelText" data-dropdown-bravo-button-text></span>

        
        <svg
                aria-hidden="true"
                class="a-icon i-dropdown "
                data-theme-style="dropdownBravoButtonIcon"
                data-dropdown-bravo-icon=""
                role="img"
                title="Show list of choices"
        >
            <use xlink:href="#icon-arrowhead-down"></use>
        </svg>
    

    </div>

    <ul
            class="m-dropdownBravo__panel"
            data-dropdown-bravo-panel
    >
        
    </ul>
</div>


<div
        aria-label="Expand dropdown list"
        class="m-dropdownBravo o-inventorySearchDelta__filterItem -dropdownNotPopup"
        data-component
        data-component-scope="inventory-search"
        data-component-type="dropdown"
        data-dropdown-type="year"
        data-dropdown-bravo
        
>
    

    <div
            class="m-dropdownBravo__button"
            data-dropdown-bravo-button
            data-navigation-enter-press
            tabindex="0"
    >
        

    <span
            class="a-placeholder "
            data-placeholder
            
    >
        Year
    </span>


        <span class="m-dropdownBravo__labelText" data-dropdown-bravo-button-text></span>

        
        <svg
                aria-hidden="true"
                class="a-icon i-dropdown "
                data-theme-style="dropdownBravoButtonIcon"
                data-dropdown-bravo-icon=""
                role="img"
                title="Show list of choices"
        >
            <use xlink:href="#icon-arrowhead-down"></use>
        </svg>
    

    </div>

    <ul
            class="m-dropdownBravo__panel"
            data-dropdown-bravo-panel
    >
        
    </ul>
</div>


<div
        aria-label="Expand dropdown list"
        class="m-dropdownBravo o-inventorySearchDelta__filterItem -dropdownNotPopup"
        data-component
        data-component-scope="inventory-search"
        data-component-type="dropdown"
        data-dropdown-type="odometerRange"
        data-dropdown-bravo
        
>
    

    <div
            class="m-dropdownBravo__button"
            data-dropdown-bravo-button
            data-navigation-enter-press
            tabindex="0"
    >
        

    <span
            class="a-placeholder "
            data-placeholder
            
    >
        Odometer
    </span>


        <span class="m-dropdownBravo__labelText" data-dropdown-bravo-button-text></span>

        
        <svg
                aria-hidden="true"
                class="a-icon i-dropdown "
                data-theme-style="dropdownBravoButtonIcon"
                data-dropdown-bravo-icon=""
                role="img"
                title="Show list of choices"
        >
            <use xlink:href="#icon-arrowhead-down"></use>
        </svg>
    

    </div>

    <ul
            class="m-dropdownBravo__panel"
            data-dropdown-bravo-panel
    >
        
    </ul>
</div>


<div
        aria-label="Expand dropdown list"
        class="m-dropdownBravo o-inventorySearchDelta__filterItem -dropdownNotPopup"
        data-component
        data-component-scope="inventory-search"
        data-component-type="dropdown"
        data-dropdown-type="priceRange"
        data-dropdown-bravo
        
>
    

    <div
            class="m-dropdownBravo__button"
            data-dropdown-bravo-button
            data-navigation-enter-press
            tabindex="0"
    >
        

    <span
            class="a-placeholder "
            data-placeholder
            
    >
        Price
    </span>


        <span class="m-dropdownBravo__labelText" data-dropdown-bravo-button-text></span>

        
        <svg
                aria-hidden="true"
                class="a-icon i-dropdown "
                data-theme-style="dropdownBravoButtonIcon"
                data-dropdown-bravo-icon=""
                role="img"
                title="Show list of choices"
        >
            <use xlink:href="#icon-arrowhead-down"></use>
        </svg>
    

    </div>

    <ul
            class="m-dropdownBravo__panel"
            data-dropdown-bravo-panel
    >
        
    </ul>
</div>
<div class="o-inventorySearchDelta__filterItem -center">
                    

    <a
        aria-label="See options"
        class="a-button -alpha   group -dropdownNotPopup"
        context-key="inventorySearchDelta_button"
        
        
        data-atom-version="1.0"
        
        data-theme-style="button"
        
        tabindex="-1"
    
        data-submit-btn=""
        href="#"
        role="button"
        target="_self"
    >
        

        <span class="a-button__text">
            See options

            
        </span>

        
    </a>


</div>

                </div>
        
</div>

</div>

</section>

    
<style>
    .p-home .t-highlights .t-highlights__cardsWrapper {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .p-home .t-highlightsAdditional .t-highlights__cardsWrapper {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .p-home .t-highlightsAdditionalTwo .t-highlights__cardsWrapper {
        grid-template-columns: repeat(, minmax(0, 1fr));
    }
    .p-home .t-highlights .m-highlightCard.-featured {
        grid-column: span 1;
    }
    .p-home .t-highlightsAdditional  .m-highlightCard.-featured {
        grid-column: span 1;
    }
    .p-home .t-highlightsAdditionalTwo.t-highlights .m-highlightCard.-featured {
        grid-column: span ;
    }

    @media (min-width: 768px) {
        .p-home .t-highlights .t-highlights__cardsWrapper {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        .p-home .t-highlightsAdditional .t-highlights__cardsWrapper {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
        .p-home .t-highlightsAdditionalTwo .t-highlights__cardsWrapper {
            grid-template-columns: repeat(, minmax(0, 1fr));
        }
        .p-home .t-highlights .m-highlightCard.-featured {
            grid-column: span 3;
        }
        .p-home .t-highlightsAdditional  .m-highlightCard.-featured {
            grid-column: span 1;
        }
        .p-home .t-highlightsAdditionalTwo.t-highlights .m-highlightCard.-featured {
            grid-column: span ;
        }
    }

    @media (min-width: 1024px) {
        .p-home .t-highlights .t-highlights__cardsWrapper {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        .p-home .t-highlightsAdditional .t-highlights__cardsWrapper {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
        .p-home .t-highlightsAdditionalTwo .t-highlights__cardsWrapper {
            grid-template-columns: repeat(, minmax(0, 1fr));
        }
        .p-home .t-highlights .m-highlightCard.-featured {
            grid-column: span 3;
        }
        .p-home .t-highlightsAdditional  .m-highlightCard.-featured {
            grid-column: span 1;
        }
        .p-home .t-highlightsAdditionalTwo.t-highlights .m-highlightCard.-featured {
            grid-column: span ;
        }
    }

    @media (min-width: 1200px) {
        /* Define the number of columns */
        .p-home .t-highlights .t-highlights__cardsWrapper {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        .p-home .t-highlightsAdditional .t-highlights__cardsWrapper {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
        .p-home .t-highlightsAdditionalTwo .t-highlights__cardsWrapper {
            grid-template-columns: repeat(, minmax(0, 1fr));
        }

        /* Define the number of columns of the featured article (full-width). */
        .p-home .t-highlights.t-highlightsOne .m-highlightCard.-featured {
            grid-column: span 3 / span 3;
        }
        .p-home .t-highlightsAdditional .m-highlightCard.-featured {
            grid-column: span 1 / span 1;
        }
        .p-home .t-highlightsAdditionalTwo.t-highlights .m-highlightCard.-featured {
            grid-column: span  / span ;
        }

        /* Define the number of columns an article occupies when we display 2 cards per row. */
        
        
    }
</style>


<section class="l-fullWidth  -paddingY t-highlights -lightMode -left
module alignment - horizontal: center t-highlightsOne"
              
              
              data-theme-style="highlights"
              >
    
    
<div class="l-container -defaultMarginBottom  "
              
              
              >
    
        
<div class="l-grid  t-highlights__introduction"
              
              
              >
    
                
    <div
            class="a-typography -heading2   t-highlights__title"
            
            
    >
        Explore our models
    </div>


</div>

        
<div class="l-grid -defaultPaddingBottom t-highlights__cardsWrapper -kilo m-scrollbarAlpha -horizontal"
              
              
              data-theme-style="scrollbarCustom_horizontal_track_bgColor scrollbarCustom_track_bgColor scrollbarCustom_thumb_bgColor scrollbarCustom_track_bg scrollbarCustom_thumb_bg"
              >
    
            
<article class="m-highlightCard m-highlightCardKilo -lightMode -right -variation2">
    <a
        class="m-highlightCardKilo__imageLinkWrapper"
        href="/en/polestar2"
        
    >
        <div class="m-highlightCardKilo__image">
            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 300 500'%2F%3E"
                     alt="<p>Polestar 2</p>"
                     class="a-image__img lazyload m-highlightCardKilo__imageDefault"
                     x-data x-lazy-image loading="lazy"
                     height="500"
                     width="300"
                     data-src="https://img.sm360.ca/images/web/groupesaillant-995/4954/highlights-p21777645191159.png"
                    
                     data-atom-version="1.0"
                >
        
    
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 300 500'%2F%3E"
                     alt="<p>Polestar 2</p>"
                     class="a-image__img lazyload m-highlightCardKilo__imageHover"
                     x-data x-lazy-image loading="lazy"
                     height="500"
                     width="300"
                     data-src="https://img.sm360.ca/images/web/groupesaillant-995/4954/highlights-p21777645191159.png"
                    
                     data-atom-version="1.0"
                >
        
    
        </div>
    </a>

    <div class="m-highlightCardKilo__content">
        <div class="m-highlightCardKilo__infos">
            

    <div
            class="a-typography -heading3   m-highlightCardKilo__title"
            
            
    >
        Polestar 2
    </div>


        </div>
        
        
            <div class="m-highlightCard__ctasContainer m-highlightCardKilo__actions">
                    
                                        
    <a
            aria-label="Discover"
            class="a-link -alpha  group m-highlightCardKilo__button"
            context-key="highlight_card_kilo_button"
            
            
            role="link"
            href="/en/polestar2"
            
    >
        

        Discover

        
        <svg
                aria-hidden="true"
                class="a-icon i-linkIconAfterText a-link__iconAfterText"
                
                role="img"
                title="icon after text"
        >
            <use xlink:href="#icon-arrow-right"></use>
        </svg>
    

    </a>


            </div>
        
    </div>
</article>
                    
                        
<article class="m-highlightCard m-highlightCardKilo -lightMode -right -variation2">
    <a
        class="m-highlightCardKilo__imageLinkWrapper"
        href="/en/polestar3"
        
    >
        <div class="m-highlightCardKilo__image">
            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 300 500'%2F%3E"
                     alt="<p>Polestar 3</p>"
                     class="a-image__img lazyload m-highlightCardKilo__imageDefault"
                     x-data x-lazy-image loading="lazy"
                     height="500"
                     width="300"
                     data-src="https://img.sm360.ca/images/web/groupesaillant-995/4954/highlights-p31777645205520.png"
                    
                     data-atom-version="1.0"
                >
        
    
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 300 500'%2F%3E"
                     alt="<p>Polestar 3</p>"
                     class="a-image__img lazyload m-highlightCardKilo__imageHover"
                     x-data x-lazy-image loading="lazy"
                     height="500"
                     width="300"
                     data-src="https://img.sm360.ca/images/web/groupesaillant-995/4954/highlights-p31777645205520.png"
                    
                     data-atom-version="1.0"
                >
        
    
        </div>
    </a>

    <div class="m-highlightCardKilo__content">
        <div class="m-highlightCardKilo__infos">
            

    <div
            class="a-typography -heading3   m-highlightCardKilo__title"
            
            
    >
        Polestar 3
    </div>


        </div>
        
        
            <div class="m-highlightCard__ctasContainer m-highlightCardKilo__actions">
                    
                                        
    <a
            aria-label="Discover"
            class="a-link -alpha  group m-highlightCardKilo__button"
            context-key="highlight_card_kilo_button"
            
            
            role="link"
            href="/en/polestar3"
            
    >
        

        Discover

        
        <svg
                aria-hidden="true"
                class="a-icon i-linkIconAfterText a-link__iconAfterText"
                
                role="img"
                title="icon after text"
        >
            <use xlink:href="#icon-arrow-right"></use>
        </svg>
    

    </a>


            </div>
        
    </div>
</article>
                    
                        
<article class="m-highlightCard m-highlightCardKilo -lightMode -right -variation2">
    <a
        class="m-highlightCardKilo__imageLinkWrapper"
        href="/en/polestar-4"
        
    >
        <div class="m-highlightCardKilo__image">
            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 300 500'%2F%3E"
                     alt="<p>Polestar 4</p>"
                     class="a-image__img lazyload m-highlightCardKilo__imageDefault"
                     x-data x-lazy-image loading="lazy"
                     height="500"
                     width="300"
                     data-src="https://img.sm360.ca/images/web/groupesaillant-995/4954/highlights-p41777645215665.png"
                    
                     data-atom-version="1.0"
                >
        
    
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 300 500'%2F%3E"
                     alt="<p>Polestar 4</p>"
                     class="a-image__img lazyload m-highlightCardKilo__imageHover"
                     x-data x-lazy-image loading="lazy"
                     height="500"
                     width="300"
                     data-src="https://img.sm360.ca/images/web/groupesaillant-995/4954/highlights-p41777645215665.png"
                    
                     data-atom-version="1.0"
                >
        
    
        </div>
    </a>

    <div class="m-highlightCardKilo__content">
        <div class="m-highlightCardKilo__infos">
            

    <div
            class="a-typography -heading3   m-highlightCardKilo__title"
            
            
    >
        Polestar 4
    </div>


        </div>
        
        
            <div class="m-highlightCard__ctasContainer m-highlightCardKilo__actions">
                    
                                        
    <a
            aria-label="Discover"
            class="a-link -alpha  group m-highlightCardKilo__button"
            context-key="highlight_card_kilo_button"
            
            
            role="link"
            href="/en/polestar-4"
            
    >
        

        Discover

        
        <svg
                aria-hidden="true"
                class="a-icon i-linkIconAfterText a-link__iconAfterText"
                
                role="img"
                title="icon after text"
        >
            <use xlink:href="#icon-arrow-right"></use>
        </svg>
    

    </a>


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

    
</div>


</section>


<div class="m-mapBravo ">
        <div id="embeddedmap-canvas" style="overflow:hidden; max-width:100%; width:100%; height:350px;">
            <iframe style="height:100%; width:100%; border:0;" frameborder="0" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyD0sJDcp-6Y8ahn1JtKbwXNOd5ONRs7clY&q=Polestar+Ville+de+Qu%c3%a9bec%2b2238+rue+Cyrille-Duquet%2bG1N+2G3%2bQC%2bQu%c3%a9bec&language=en" title="Google Map"></iframe>
        </div>
    </div>


<style>
    .p-home .t-highlights .t-highlights__cardsWrapper {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .p-home .t-highlightsAdditional .t-highlights__cardsWrapper {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .p-home .t-highlightsAdditionalTwo .t-highlights__cardsWrapper {
        grid-template-columns: repeat(, minmax(0, 1fr));
    }
    .p-home .t-highlights .m-highlightCard.-featured {
        grid-column: span 1;
    }
    .p-home .t-highlightsAdditional  .m-highlightCard.-featured {
        grid-column: span 1;
    }
    .p-home .t-highlightsAdditionalTwo.t-highlights .m-highlightCard.-featured {
        grid-column: span ;
    }

    @media (min-width: 768px) {
        .p-home .t-highlights .t-highlights__cardsWrapper {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        .p-home .t-highlightsAdditional .t-highlights__cardsWrapper {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
        .p-home .t-highlightsAdditionalTwo .t-highlights__cardsWrapper {
            grid-template-columns: repeat(, minmax(0, 1fr));
        }
        .p-home .t-highlights .m-highlightCard.-featured {
            grid-column: span 3;
        }
        .p-home .t-highlightsAdditional  .m-highlightCard.-featured {
            grid-column: span 1;
        }
        .p-home .t-highlightsAdditionalTwo.t-highlights .m-highlightCard.-featured {
            grid-column: span ;
        }
    }

    @media (min-width: 1024px) {
        .p-home .t-highlights .t-highlights__cardsWrapper {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        .p-home .t-highlightsAdditional .t-highlights__cardsWrapper {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
        .p-home .t-highlightsAdditionalTwo .t-highlights__cardsWrapper {
            grid-template-columns: repeat(, minmax(0, 1fr));
        }
        .p-home .t-highlights .m-highlightCard.-featured {
            grid-column: span 3;
        }
        .p-home .t-highlightsAdditional  .m-highlightCard.-featured {
            grid-column: span 1;
        }
        .p-home .t-highlightsAdditionalTwo.t-highlights .m-highlightCard.-featured {
            grid-column: span ;
        }
    }

    @media (min-width: 1200px) {
        /* Define the number of columns */
        .p-home .t-highlights .t-highlights__cardsWrapper {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        .p-home .t-highlightsAdditional .t-highlights__cardsWrapper {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
        .p-home .t-highlightsAdditionalTwo .t-highlights__cardsWrapper {
            grid-template-columns: repeat(, minmax(0, 1fr));
        }

        /* Define the number of columns of the featured article (full-width). */
        .p-home .t-highlights.t-highlightsOne .m-highlightCard.-featured {
            grid-column: span 3 / span 3;
        }
        .p-home .t-highlightsAdditional .m-highlightCard.-featured {
            grid-column: span 1 / span 1;
        }
        .p-home .t-highlightsAdditionalTwo.t-highlights .m-highlightCard.-featured {
            grid-column: span  / span ;
        }

        /* Define the number of columns an article occupies when we display 2 cards per row. */
        
        
    }
</style>


<section class="l-fullWidth  -paddingY t-highlights -lightMode -center t-highlightsAdditional"
              
              
              data-theme-style="highlights"
              >
    
    
<div class="l-container -defaultMarginBottom  "
              
              
              >
    
        
<div class="l-grid -defaultPaddingBottom t-highlights__cardsWrapper -echo "
              
              
              >
    
            
<article class="m-highlightCard m-highlightCardEcho -reversed -horizontal  -lightMode -left ">
    

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 600 500'%2F%3E"
                     alt="Schedule service"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="500"
                     width="600"
                     data-src="https://img.sm360.ca/images/web/groupesaillant-995/4954/service_polestar1779730208910.png"
                    
                     data-atom-version="1.0"
                >
        
    
    <div class="m-highlightCardEcho__contentWrapper">
        

    <div
            class="a-typography -heading3   m-highlightCardEcho__title"
            
            
    >
        Schedule service
    </div>


    <div
            class="a-typography    m-highlightCardEcho__html"
            
            
    >
        <p>Keep your Polestar performing at its best with expert care from our certified service team. Schedule your next routine service appointment or contact our team to learn more about Polestar service plans and recommended maintenance intervals.</p>
    </div>


            <div class="m-highlightCard__ctasContainer">
                    

    <a
        aria-label="Contact us"
        class="a-button -alpha   group m-highlightCardEcho__button"
        context-key="highlightCardEcho_button"
        
        
        data-atom-version="1.0"
        
        data-theme-style="button"
        
        
        href="/en/services"
        role="button"
        target="_self"
    >
        

        <span class="a-button__text">
            Contact us

            
        </span>

        
    </a>


            </div>
        
    </div>
</article>
                    
                        
<article class="m-highlightCard m-highlightCardEcho -reversed -horizontal  -lightMode -left ">
    

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 600 500'%2F%3E"
                     alt="Get behind the wheel"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="500"
                     width="600"
                     data-src="https://img.sm360.ca/images/web/groupesaillant-995/4954/page-home-highlights-additional-instances-test-drive1776978208504.png"
                    
                     data-atom-version="1.0"
                >
        
    
    <div class="m-highlightCardEcho__contentWrapper">
        

    <div
            class="a-typography -heading3   m-highlightCardEcho__title"
            
            
    >
        Get behind the wheel
    </div>


    <div
            class="a-typography    m-highlightCardEcho__html"
            
            
    >
        <meta charset="utf-8">
<p><span>Experience Polestar performance first-hand. Visit a Polestar space to explore the design, innovation, and performance of our lineup.</span></p>
    </div>


            <div class="m-highlightCard__ctasContainer">
                    

    <a
        aria-label="Request a test drive"
        class="a-button -alpha   group m-highlightCardEcho__button"
        context-key="highlightCardEcho_button"
        
        
        data-atom-version="1.0"
        
        data-theme-style="button"
        
        
        href="/en/form/road-test-new/3"
        role="button"
        target="_self"
    >
        

        <span class="a-button__text">
            Request a test drive

            
        </span>

        
    </a>


            </div>
        
    </div>
</article>
                    
                        
<article class="m-highlightCard m-highlightCardEcho -reversed -horizontal  -lightMode -left ">
    

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 600 500'%2F%3E"
                     alt="Current offers"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="500"
                     width="600"
                     data-src="https://img.sm360.ca/images/web/groupesaillant-995/4954/page-home-highlights-additional-instances-offers1776978244252.png"
                    
                     data-atom-version="1.0"
                >
        
    
    <div class="m-highlightCardEcho__contentWrapper">
        

    <div
            class="a-typography -heading3   m-highlightCardEcho__title"
            
            
    >
        Current offers
    </div>


    <div
            class="a-typography    m-highlightCardEcho__html"
            
            
    >
        <meta charset="utf-8">
<p>Take advantage of limited-time new and pre-owned offers. Contact us to discuss financing options and potential government incentives that make getting into your Polestar that much easier.</p>
    </div>


            <div class="m-highlightCard__ctasContainer">
                    

    <a
        aria-label="Explore offers"
        class="a-button -alpha   group m-highlightCardEcho__button"
        context-key="highlightCardEcho_button"
        
        
        data-atom-version="1.0"
        
        data-theme-style="button"
        
        
        href="/en/special-offers"
        role="button"
        target="_self"
    >
        

        <span class="a-button__text">
            Explore offers

            
        </span>

        
    </a>


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

    
</div>


</section>


</main>

                        
<footer
        class="o-footerAlpha "
        id="footer"
        itemscope
        itemtype="https://schema.org/WPFooter"
>
    <div
        class="o-footerAlpha__wrapper -lightMode"
    >
        <div class="o-footerAlpha__innerWrapper -noCatalog">
            
                
<div class="s-contactUs ">
    

    <p
            class="a-typography    s-contactUs__title o-footerAlpha__blockTitle -subheading1"
            
            
            aria-level="2"
    
        role="heading"
    
        content-zone-locataion="footer.contact-us"
            
    >
        Contact
    </p>


    <p
            class="a-typography    s-contactUs__dealerName -subheading2"
            
            
    >
        Polestar Ville de Québec
    </p>


<address class="m-addressLink s-contactUs__address -body2">
    

    <a
        class="m-addressLink__anchor a-link "
        data-theme-style="addressLink"
        href="http://maps.google.com/?q=Polestar+Ville+de+Québec+2238+rue+Cyrille-Duquet+G1N+2G3+QC+Québec"
        data-tagging-event="contacts"
        data-tagging-precision="address"
        data-tagging-scope=""
        target="_blank"
    >
        

        <span class="m-addressLink__addressStart">
            2238 rue Cyrille-Duquet, 
            Québec, 
        </span>

        <span class="m-addressLink__addressEnd">
            QC, 
            G1N 2G3 
            <svg
                aria-hidden="false"
                class="a-icon i-linkExternal m-addressLink__iconExternalLink"
                
                role="img"
                title="Open a new tab window"
        >
            <use xlink:href="#icon-link-external"></use>
        </svg>
        </span>
    </a>
</address>


    <ul class="m-selectedDepartmentPhoneNumbers ">
        
        
                    <li class="m-selectedDepartmentPhoneNumbers__listItem">
                        

    <span
            class="a-typography    m-selectedDepartmentPhoneNumbers__phoneLabel"
            
            
    >
        General:
    </span>


    <a class="m-phoneNumberAnchor a-link shiftdigital-event m-selectedDepartmentPhoneNumbers__anchor"
       data-shiftdigital-event="clickToCall"
       data-shiftdigital-title="Sales"
       data-shiftdigital-url="tel:1-418-800-7490"
       data-tagging-event="contacts"
       data-tagging-precision="phone"
       data-tagging-scope=""
       data-tagging-specificity="Sales"
       data-theme-style="phoneNumberAnchor"
       href="tel:+14188007490"
    >
        
                            1-418-800-7490
                        
    </a>


                    </li>
                
            
    </ul>


<div class="m-socialNetworks s-contactUs__socialNetworks ">
    
        
    <p
            class="a-typography -subheading1   m-socialNetworks__title "
            
            
    >
        Follow us online
    </p>


    <div class="m-socialNetworks__wrapper">
        
        
   <div class="a-socialMedia__item group ">
        <a
                aria-label="facebook - Open a new tab window"
                class="a-socialMedia  "
                data-tagging-event="social"
                data-tagging-precision="facebook"
                data-tagging-scope="footer"
                data-tagging-specificity="facebook"
                href="https://www.facebook.com/polestarvilledequebec/"
                target="_blank"
        >
            
                
        <svg
                aria-hidden="false"
                class="i-icon i-facebook "
                
                height="24"
                role="img"
                title="facebook | Polestar Ville de Québec"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path id="_Tracé_transparent_" data-name="&amp;lt;Tracé transparent&amp;gt;" d="m9.574,23.994v-10.928h-3.574v-4.26h3.574v-3.2C9.574,2.006,11.744.006,14.808.006c1.405,0,2.681.133,3.192.133v3.865h-2.17c-1.66,0-2.043.932-2.043,2.132v2.67h4.085l-.511,4.26h-3.574v10.928h-4.21301Z" stroke-width="0" />
                
            
        </svg>
    

        </a>

        
   </div>


   <div class="a-socialMedia__item group ">
        <a
                aria-label="instagram - Open a new tab window"
                class="a-socialMedia  "
                data-tagging-event="social"
                data-tagging-precision="instagram"
                data-tagging-scope="footer"
                data-tagging-specificity="instagram"
                href="https://www.instagram.com/polestarvilledequebec/"
                target="_blank"
        >
            
                
        <svg
                aria-hidden="false"
                class="i-icon i-instagram "
                
                height="24"
                role="img"
                title="instagram | Polestar Ville de Québec"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path id="_Tracé_transparent_" data-name="&amp;lt;Tracé transparent&amp;gt;" d="m12,2.15361c1.59784-.06009,3.19791-.01575,4.78997.13272.77243-.00971,1.53981.12569,2.26226.39916.99677.46443,1.79783,1.2655,2.26226,2.26226.27348.72246.40888,1.48984.39916,2.26226,0,1.19749.13272,1.59666.13272,4.78997.06009,1.59784.01575,3.19791-.13272,4.78997.00971.77243-.12569,1.53981-.39916,2.26226-.46443.99677-1.2655,1.79783-2.26226,2.26226-.72246.27348-1.48984.40888-2.26226.39916-1.19749,0-1.59666.13272-4.78997.13272-1.59784.06009-3.19791.01575-4.78997-.13272-.77242.00971-1.53981-.12569-2.26226-.39916-.99677-.46443-1.79783-1.2655-2.26226-2.26226-.27348-.72246-.40888-1.48984-.39916-2.26226,0-1.19749-.13272-1.59666-.13272-4.78997-.06009-1.59784-.01575-3.19791.13272-4.78997-.00971-.77242.12569-1.53981.39916-2.26226.2325-.49334.54774-.94324.93205-1.33021.31202-.46515.78635-.79715,1.33022-.93105.72246-.27348,1.48984-.40888,2.26226-.39916,1.59204-.14881,3.19211-.19348,4.78997-.13372M12,.02507c-1.64206-.05866-3.28618-.01434-4.9227.13272-1.00026-.00211-1.9925.17848-2.92787.53288-.80733.26328-1.53806.71994-2.12854,1.33022-.61027.59048-1.06693,1.32121-1.33022,2.12854-.41814.91652-.60128,1.9228-.53288,2.92787C.01073,8.71382-.0336,10.35794.02507,12c-.05866,1.64206-.01434,3.28618.13272,4.9227-.00233.99987.17792,1.99175.53189,2.92687.26342.80779.72044,1.53889,1.33121,2.12954.59048.61027,1.32121,1.06693,2.12854,1.33022.93512.35394,1.92701.53419,2.92687.53189,1.63682.14743,3.28128.19209,4.92369.13372,1.64206.05866,3.28618.01434,4.9227-.13272.99986.0023,1.99175-.17795,2.92687-.53189,1.62415-.5595,2.90026-1.83561,3.45976-3.45976.35396-.93512.53421-1.92701.53189-2.92687.001-1.33121.13372-1.73038.13372-4.92369.05866-1.64206.01434-3.28618-.13272-4.9227.0023-.99986-.17795-1.99175-.53189-2.92687-.26342-.80779-.72044-1.53889-1.33121-2.12954-.59048-.61027-1.32121-1.06693-2.12854-1.33022-.93537-.35442-1.92761-.53501-2.92787-.53288C15.28618.01073,13.64206-.0336,12,.02507m0,5.85474c-3.32563-.05446-6.06573,2.59735-6.12019,5.92298-.00108.06573-.00108.13147,0,.19721,0,3.38009,2.7401,6.12019,6.12019,6.12019s6.12019-2.7401,6.12019-6.12019-2.7401-6.12019-6.12019-6.12019h0m0,10.11183c-2.16503.03949-3.95215-1.6836-3.99164-3.84864-.00087-.04767-.00087-.09534,0-.14301-.03949-2.16503,1.6836-3.95215,3.84864-3.99164.04767-.00087.09534-.00087.14301,0,2.16503-.03949,3.95215,1.6836,3.99164,3.84864.00087.04767.00087.09534,0,.14301.03949,2.16503-1.6836,3.95215-3.84864,3.99164-.04767.00087-.09534.00087-.14301,0m6.38663-11.84221c-.80851,0-1.46393.65543-1.46393,1.46394s.65543,1.46394,1.46394,1.46393,1.46393-.65543,1.46393-1.46394c-.00705-.80557-.65836-1.45689-1.46394-1.46394" stroke-width="0" />
                
            
        </svg>
    

        </a>

        
   </div>


    </div>
</div>


    <a
        aria-label="Contact us"
        class="a-button -charlie   group s-contactUs__cta"
        context-key="footer_light_button"
        data-content-zone-group="footer"
        data-content-zone-location="footer.contact-us"
        data-atom-version="1.0"
        
        data-theme-style="button"
        
        
        href="/en/contact-us"
        role="button"
        target="_self"
    >
        

        <span class="a-button__text">
            Contact us

            
        </span>

        
    </a>


</div>


<div class="s-businessHours ">
    

    <p
            class="a-typography    s-businessHours__title o-footerAlpha__blockTitle -subheading1"
            
            
            aria-level="2"
    
        role="heading"
    
        content-zone-location="footer.business-hours"
            
    >
        Business hours
    </p>


<div class="m-tabs "
     data-theme-style="tabs"
     x-data="{ activeTabIndex: 0 }"
     
>
    <nav class="m-tabs__links"
         role="tablist"
         aria-label="Tabs"
    >
        <button  
    class="m-tabLink "
    :class="activeTabIndex === 0 && '-active after:block'"
    role="tab"
    id="tab-0"
    tabindex="0"
    aria-controls="panel-0"
    @click="activeTabIndex = 0"
    x-bind:aria-selected="activeTabIndex === 0 ? 'true' : 'false'"
    data-tagging-precision="hours"
        
            data-tagging-event="contacts"
        
        
            data-tagging-specificity="General"
    
    data-tagging-event="contacts"
    data-tagging-precision="hours"
    data-tagging-specificity="General"
>
    
                            General
                        
</button>
    </nav>

    
        <div class="m-tabs__panels">
            <div class="m-tabPanel "
     
     role="tabpanel"
     id="panel-0"
     aria-labelledby="tab-0"
     x-show="activeTabIndex === 0"
     
>
    
                            
<table class="m-departmentHours " >
    
        
        <tr class="m-departmentHours__row  -footer"
            data-theme-style="depHoursInfos_footer_closed">
            

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


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


        </tr>

        
        <tr class="m-departmentHours__row  -footer"
            data-theme-style="depHoursInfos_footer_closed">
            

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


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


        </tr>

        
        <tr class="m-departmentHours__row  -footer"
            data-theme-style="depHoursInfos_footer_closed">
            

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


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


        </tr>

        
        <tr class="m-departmentHours__row -active -footer"
            data-theme-style="depHoursInfos_footer_open">
            

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


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


        </tr>

        
        <tr class="m-departmentHours__row  -footer"
            data-theme-style="depHoursInfos_footer_closed">
            

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


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


        </tr>

        
        <tr class="m-departmentHours__row  -footer"
            data-theme-style="depHoursInfos_footer_closed">
            

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


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


        </tr>

        
    <td
            class="a-typography -fineprint   m-departmentHours__dayNote"
            
            
    >
        Closed
    </td>


        <tr class="m-departmentHours__row  -footer"
            data-theme-style="depHoursInfos_footer_closed">
            

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


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


        </tr>

        
    <td
            class="a-typography -fineprint   m-departmentHours__dayNote"
            
            
    >
        Closed
    </td>


</table>

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


</div>

                
<div class="s-usefulLinks ">
    

    <p
            class="a-typography    s-usefulLinks__title o-footerAlpha__blockTitle -subheading1"
            
            
            aria-level="2"
    
        role="heading"
    
        content-zone-location="ContentZone{contentZoneId=2244010, contentZoneDefinitionId=449831, nameFr='FOOTER | Liens Utiles | Title', nameEn='FOOTER | Liens Utiles | Title', name='FOOTER | Liens Utiles | Title', descriptionFr='', descriptionEn='', description='', location='footer.useful-links.title', locationGroup='footer', hasImage=false, hasHTML=false, hasText=true, hasLink=false, hasImage2=false, hasHTML2=false, hasText2=false, hasLink2=false, imageFr='null', imageEn='null', image='null', textFr='Liens utiles', textEn='Useful links', text='Useful links', htmlFr='null', htmlEn='null', html='null', linkFr='null', linkEn='null', link='null', image2Fr='null', image2En='null', image2='null', text2Fr='null', text2En='null', text2='null', html2Fr='null', html2En='null', html2='null', link2Fr='null', link2En='null', link2='null', multipleInstance=false, instanceSlug='null', priority=0}"
            
    >
        Useful links
    </p>


    <ul
            class="s-usefulLinks__list"
            content-zone="footer.useful.links.instances"
            role="list"
    >
        
            <li class="s-usefulLinks__listItem">
                <a
                        class="s-usefulLinks__anchor a-link"
                        content-zone-instance-slug="promotions"
                        href="/en/special-offers"
                >
                        Our offers
                </a>
            </li>
        
            <li class="s-usefulLinks__listItem">
                <a
                        class="s-usefulLinks__anchor a-link"
                        content-zone-instance-slug="certified"
                        href="/en/certified-inventory"
                >
                        Shop certified pre-owned
                </a>
            </li>
        
            <li class="s-usefulLinks__listItem">
                <a
                        class="s-usefulLinks__anchor a-link"
                        content-zone-instance-slug="pre.owned"
                        href="/en/used-inventory"
                >
                        Shop pre-owned cars
                </a>
            </li>
        
            <li class="s-usefulLinks__listItem">
                <a
                        class="s-usefulLinks__anchor a-link"
                        content-zone-instance-slug="services"
                        href="/en/services"
                >
                        Service point
                </a>
            </li>
        
            <li class="s-usefulLinks__listItem">
                <a
                        class="s-usefulLinks__anchor a-link"
                        content-zone-instance-slug="parts"
                        href="/en/supplements"
                >
                        Accessories & additional products
                </a>
            </li>
        
            <li class="s-usefulLinks__listItem">
                <a
                        class="s-usefulLinks__anchor a-link"
                        content-zone-instance-slug="contact.us"
                        href="/en/contact-us"
                >
                        Contact us
                </a>
            </li>
        
    </ul>
</div>

        </div>

        
    </div>

    
<nav
        aria-label="Website copyright"
        class="s-copyright -lightMode"
        data-theme-style="copyright"
        data-copyright
>
    <div class="s-copyright__innerWrapper">
        

    <span
            class="a-typography -fineprint   s-copyright__name"
            
            
            itemprop="copyrightHolder"
            
    >
        &copy; 2026 Polestar Ville de Québec
    </span>


        <a
                class="s-copyright__anchor -fineprint"
                href="/en/sitemap"
        >
            Sitemap
        </a>

        <a
                class="s-copyright__anchor -fineprint"
                href="/en/terms-of-use"
        >
            Terms of use
        </a>

        <a
                class="s-copyright__anchor -fineprint"
                href="/en/privacy-policy"
        >
            Privacy Policy
        </a>

        
            <a
                    href="javascript:Didomi.preferences.show()"
                    class="s-copyright__anchor -fineprint"
            >
               Consent Choices
            </a>
        

    </div>
</nav>

</footer>

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

<div
        class="m-scrolltopAlpha "
        
        x-init=""
        x-scrolltop=""
>

    
        <svg
                aria-hidden="false"
                class="a-icon i-scrolltop "
                
                role="button"
                title="Go to top of page"
        >
            <use xlink:href="#icon-arrow-up"></use>
        </svg>
    

</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/core-ux/core-ux.min.js" defer></script>


<script defer src="https://cdn.icomoon.io/78355/manufacturer-polestar/svgxuse.js?uenmzw"></script>


<script src="/js/manufacturers/polestar/polestar.min.js" defer></script>
<script>
    $(document).ready(function () {

        // Select all elements with the "data-max-char-reviews-slider" attribute
    const reviews = document.querySelectorAll('[data-max-char-reviews-slider]');
    const truncateElement = document.querySelector('[data-truncate]');
    const maxLength = truncateElement && truncateElement.dataset.truncate.trim() !== '' ? truncateElement.dataset.truncate : 200;
    const maxx = JSON.parse(maxLength);

    reviews.forEach(review => {
    const text = review.textContent.trim();

        // Check if the text is longer than the maximum length
        if (text.length > maxLength) {
            // Shorten the text and add ellipsis (...)
            const truncatedText = text.slice(0, maxLength) + '...';

            // Update the text content to show the truncated version
            review.textContent = truncatedText;

            // Create a "more" link that will allow the user to expand the text
            const moreLink = document.createElement('span');
            moreLink.textContent = ' +';
            moreLink.classList.add('more-text');
            review.appendChild(moreLink);

                // Add an event listener to the link that will show the full text when clicked
                moreLink.addEventListener('click', () => {
                review.textContent = text; // Replace the truncated text with the full text
                // review.appendChild(moreLink); // Re-add the "more" link so it can toggle back if needed
                });
        }
    });

    });

</script>


<script defer src="/js/theme/manticore360/main.min.js?v=052710625"></script>
<script defer src="//cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/js/foundation.min.js"></script>
        <script defer src="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.js"></script>

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


<template id="coupon-close-button-icon-template">
    

        <svg
                aria-hidden="false"
                class="i-icon i-closeButton "
                
                height="24"
                role="img"
                title="Close window"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path id="_Tracé_transparent_" data-name="&amp;lt;Tracé transparent&amp;gt;" d="m0,12C0,5.37305,5.37305,0,12,0s12,5.37305,12,12-5.37305,12-12,12S0,18.62695,0,12Zm1.19922,0c0,5.96484,4.83594,10.79883,10.80078,10.79883s10.79883-4.83594,10.79883-10.80078c0-5.96289-4.83398-10.79883-10.79883-10.79883-5.96094.00781-10.79297,4.83984-10.80078,10.80078Zm14.27734,4.32031l-3.47461-3.47461-3.47656,3.47461c-.23438.23438-.61328.23438-.84766.00195l-.00195-.00195c-.22852-.23633-.22852-.61328,0-.84961l3.47461-3.4707-3.47461-3.48047c-.2168-.25-.19141-.62891.05859-.8457.22656-.19922.56445-.19727.79102.00195l3.47656,3.47461,3.47461-3.47461c.23438-.23242.61133-.23242.8457,0,.23242.22461.23828.59766.01367.83008l-.01367.01367-3.4707,3.47461,3.4707,3.47656c.23438.22852.23828.60547.00977.83984l-.00977.00977c-.11133.11328-.26172.17578-.41992.17578-.16016.00195-.31445-.06055-.42773-.17383l.00195-.00195Z" stroke-width="0"/>
                
            
        </svg>
    

</template>

<template id="coupon-privacy-policy-icon-template">
    

        <svg
                aria-hidden="true"
                class="i-icon i-lock "
                
                height="24"
                role="img"
                title="Access the privacy policy"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path id="_Tracé_transparent_" data-name="&amp;lt;Tracé transparent&amp;gt;" d="m4.27058,23.99948c-.68164.01954-1.24805-.51789-1.26758-1.19995v-12.94146c.01953-.68206.58594-1.21949,1.26758-1.19995h2.875v-3.72101c-.02148-1.31134.48828-2.57578,1.41602-3.50213l.0625-.06254c1.92188-1.86832,4.99414-1.82337,6.86133.09967.89258.92048,1.38672,2.15756,1.37109,3.43959v3.7386l2.875.00586c.68164-.01954,1.25.51789,1.27148,1.19995v12.94146c-.02148.68206-.58984,1.21949-1.27148,1.19995l-15.46094.00195Zm0-1.19995h15.46094v-12.94146H4.27058v12.94146ZM9.46199,2.23039c-.01562.01563-.03125.03322-.04492.05081-.70312.69378-1.08984,1.64553-1.07227,2.63246v3.74446l7.3125-.00586v-3.7386c.04297-2.0149-1.55469-3.68388-3.56836-3.72492-.98242-.0215-1.92969.35373-2.63086,1.04165h.00391Zm1.30664,14.3642c0-.68206.55469-1.23513,1.23633-1.23513.68164.00195,1.23438.55502,1.23438,1.23708-.00195.68401-.55469,1.23513-1.23633,1.23513h-.00195c-.68164-.00195-1.23242-.55502-1.23242-1.23708Z" stroke-width="0" />
                
            
        </svg>
    

</template>

<template id="coupon-read-more-link-template">
    <div
        data-read-more-btn-container=""
        data-read-less-text="Reduce"
        data-read-more-text="Read more"
    >
        

    <a
            aria-label="Read more"
            class="a-link   group -charlie"
            
            
            data-read-more-btn-text=""
    
        iconAfterTextEnabled="false"
            
            
            role="link"
            href="#"
            
    >
        

        Read more

        
    </a>


        <svg
                aria-hidden="false"
                class="i-icon i-expandMore "
                data-coupon-read-more-icon=""
                height="24"
                role="img"
                title="Develop content"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m19,7l-7,10L5,7h14Z" stroke-width="0" />
                
            
        </svg>
    

</div>
</template>

<script>
    const observer = new MutationObserver((mutations) => {
        for (const mutation of mutations) {
            for (const node of mutation.addedNodes) {
                // Verify that it is indeed an element (not a text node)
                if (node.nodeType !== Node.ELEMENT_NODE) continue;

                // Look for all the coupons, including 'node' itself
                const coupons = node.matches('.coupon-classic')
                    ? [node, ...node.querySelectorAll('.coupon-classic')]
                    : node.querySelectorAll('.coupon-classic');

                coupons.forEach(el => {
                    if (el.dataset.processed) return;
                    el.dataset.processed = "true";
                    handleSubscription(el);
                });
            }
        }
    });

    // Start the observation on the target node
    observer.observe(document.body, {
        childList: true,  // listen for direct insertions/deletions
        subtree: true     // includes all descendants
    });

    /**
     * Change the default text of the dealer's opt-in checkbox in the subscription
     * Add a second checkbox for the Group's opt-in (the brand)
     * @returns {Promise<void>}
     */
    const handleSubscription = (couponEl) => {
        // Change the close button of the modal
        const closeButtonIconTemplate = document.querySelector('#coupon-close-button-icon-template');
        if (closeButtonIconTemplate) {
            const closeButtonContainer = couponEl.querySelector('.coupon-classic__close');
            closeButtonContainer?.classList.add('a-closeButtonAlpha');

            const defaultCloseButton = couponEl.querySelector('.coupon-classic__close-picto');
            defaultCloseButton?.remove();

            const closeButtonIconClone = closeButtonIconTemplate.content.firstElementChild.cloneNode(true);
            closeButtonContainer.prepend(closeButtonIconClone);
        }

        const form = couponEl.querySelector('.coupon-form');
        if (!form) return;

        // Move the submit button after the subscription
        const formSubmit = form.querySelector('.coupon-form__actions');
        const formSubscription = form.querySelector('.coupon-form__subscription');
        if (formSubmit && formSubscription) {
            form.insertBefore(formSubscription, formSubmit);
        }

        // Add the lock icon to the privacy policy
        const lockIconTemplate = document.querySelector('#coupon-privacy-policy-icon-template');
        const privacyPolicyContainer = couponEl.querySelector('.coupon-classic__privacy-policy');
        if (lockIconTemplate && privacyPolicyContainer) {
            const lockIconClone = lockIconTemplate.content.firstElementChild.cloneNode(true);
            privacyPolicyContainer.prepend(lockIconClone);
        }

        // Overwrite the text of the Dealer's optin checkbox
        const dealerWrapper = couponEl.querySelector('.field-checkbox');
        if (!dealerWrapper) return;

        const dealerLabelText = dealerWrapper.querySelector('.field-checkbox__label-text');
        if (dealerLabelText) dealerLabelText.textContent = `I wish to receive recalls, news and promotional emails from Polestar Ville de Québec. (Optional)`;

        // Add the Group's optin checkbox
        const groupCheckboxTemplate = document.querySelector('#coupon-group-checkbox-template');
        if (groupCheckboxTemplate) {
            const groupCheckboxClone = groupCheckboxTemplate.content.firstElementChild.cloneNode(true);
            if (!groupCheckboxClone) return;
            groupCheckboxClone.removeAttribute('id');

            // Secure IDs
            const groupInput = groupCheckboxClone.querySelector('input[type="checkbox"]');
            const groupLabel = groupCheckboxClone.querySelector('label');
            if (!groupInput) return;

            if (groupInput.id && groupLabel) {
                const newId = `-clone`;
                groupInput.id = newId;
                groupLabel.setAttribute('for', newId);
            }

            // Insert the Group's checkbox after the Dealer's checkbox
            dealerWrapper.insertAdjacentElement('afterend', groupCheckboxClone);
        }

        // Handle read-more
        buildReadMoreComponent(couponEl);
        initReadMoreLogic(couponEl);

        // Change the Submit button text
        const submitBtn = form.querySelector('button[type="submit"]');
        if (submitBtn) submitBtn.textContent = `Send the coupon`;

        // Hide checkboxes and submit button after submitting the form
        form.addEventListener("submit", () => {
            const checkboxContainers = couponEl.querySelectorAll('.field-checkbox, .m-checkbox__container');
            if (checkboxContainers.length > 0) {
                checkboxContainers.forEach(container => {
                    container.style.display = "none";
                });
            }
            formSubmit.style.display = "none";
            formSubmit.style.margin = "0";
        });

        // Overwrite the cherry-webapp style
        styleCoupon(couponEl);

        // Stop the observation
        observer.disconnect();
    };

    // Build the HTML structure to make the read-more button work
    const buildReadMoreComponent = (couponEl) => {
        const checkboxContainers = couponEl.querySelectorAll('.field-checkbox, .m-checkbox__container');
        if (checkboxContainers.length > 0) {
            const template = document.querySelector('#coupon-read-more-link-template');

            checkboxContainers.forEach(container => {
                const labelTag = container.querySelector('label');
                if (!labelTag) return;

                container.setAttribute('data-read-more-wrapper', '');
                labelTag.setAttribute('data-read-more-content', '');

                const clone = template.content ? template.content.cloneNode(true) : template.cloneNode(true);
                if (!template.content) clone.removeAttribute('id'); // Avoid duplicate IDs

                labelTag.after(clone);
            });
        }
    };

    // Initialize the read-more button
    const initReadMoreLogic = (couponEl) => {
        const containers = couponEl.querySelectorAll('[data-read-more-wrapper]');

        if (containers.length > 0) {
            containers.forEach(container => {
                const content = container.querySelector('[data-read-more-content]');
                const btnContainer = container.querySelector('[data-read-more-btn-container]');

                if (!content || !btnContainer) return;

                // We define the base (7 lines * 20px = 140px)
                content.style.maxHeight = "140px";

                setTimeout(() => {
                    const isOverflown = content.scrollHeight > content.clientHeight;
                    if (!isOverflown) {
                        btnContainer.style.display = 'none';
                        content.style.maxHeight = "unset";
                    }
                }, 300);

                btnContainer.addEventListener('click', (e) => {
                    e.preventDefault();
                    const isExpanded = container.classList.contains('-isExpanded');
                    const btnTextElement = btnContainer.querySelector('[data-read-more-btn-text]');
                    const icon = btnContainer.querySelector('[data-coupon-read-more-icon]');

                    const txtMore = btnContainer.getAttribute('data-read-more-text');
                    const txtLess = btnContainer.getAttribute('data-read-less-text');

                    if (isExpanded) {
                        container.classList.remove('-isExpanded');
                        if (btnTextElement) btnTextElement.textContent = txtMore;
                        content.style.maxHeight = "140px";
                        if (icon) icon.style.transform = "rotate(0deg)";
                    } else {
                        container.classList.add('-isExpanded');
                        if (btnTextElement) btnTextElement.textContent = txtLess;

                        // The actual height is given for the animation.
                        const fullHeight = content.scrollHeight;
                        content.style.maxHeight = fullHeight + "px";
                        if (icon) icon.style.transform = "rotate(180deg)";
                    }
                });
            });
        }
    };

    /**
     * Add class names to coupon elements so they inherit the style of components used on Manticore.
     */
    const styleCoupon = (couponEl) => {
        couponEl.classList.add('-manticore');

        // Form
        const form = couponEl.querySelector('form');
        if (!form) return;
        form.classList.add('o-form');

        // Inputs
        const inputs = form.querySelectorAll('.field-input');
        if (inputs.length > 0) {
            inputs.forEach(input => {
                input.classList.add('m-field__container');

                const labelTag = input.querySelector('label');
                labelTag.classList.add('m-field__label')

                const inputTag = input.querySelector('input');
                inputTag.classList.add('m-field');
            });
        }

        // Checkboxes
        const checkboxes = form.querySelectorAll('.field-checkbox');
        if (checkboxes.length > 0) {
            checkboxes.forEach(checkbox => {
                checkbox.classList.add('m-checkbox__container');

                const labelTag = checkbox.querySelector('label');
                labelTag.classList.add('m-checkbox__label');
                labelTag.dataset.themeStyle = '';

                const labelText = checkbox.querySelector('.field-checkbox__label-text');
                labelText.style.padding = '0';

                const inputTag = checkbox.querySelector('input');
                inputTag.classList.add('m-checkbox');
            });
        }

        // Submit button
        const submitBtn = form.querySelector('button[type="submit"]');
        if (submitBtn) {
            submitBtn.classList.remove('coupon-button');
            submitBtn.classList.add('a-button', '-alpha');
            submitBtn.removeAttribute('data-theme-style');
        }

        // Privacy Policy
        const privacyPolicyContainer = couponEl.querySelector('.coupon-classic__privacy-policy');
        if (privacyPolicyContainer) {
            privacyPolicyContainer.classList.add('o-privacyPolicy', '-fineprint');
        }

        const privacyPolicyLink = couponEl.querySelector('.coupon-link');
        if (privacyPolicyLink) {
            privacyPolicyLink.classList.add('a-link', '-delta', '-primary');
            privacyPolicyLink.removeAttribute('data-theme-style');
        }

        // Download button
        const downloadBtn = couponEl.querySelector('[data-coupon-print]');
        if (downloadBtn) {
            downloadBtn.classList.remove('coupon-button');
            downloadBtn.classList.add('a-button', '-charlie');
            downloadBtn.removeAttribute('data-theme-style');
        }
    }
</script>

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

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

        </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=052710625").done(function( script, textStatus ) {
                $('#cherry-popper').popper({
                    serviceUrl:"//cherry.sm360.ca/cherries",
                    websiteId: 4954,
                    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: 10613,
                    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>
    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>