{"id":1748,"date":"2026-06-26T08:00:00","date_gmt":"2026-06-26T06:00:00","guid":{"rendered":"https:\/\/groupe-grim.com\/can-am\/?p=1748"},"modified":"2026-06-17T09:24:42","modified_gmt":"2026-06-17T07:24:42","slug":"capacite-remorquage-quad","status":"publish","type":"post","link":"https:\/\/groupe-grim.com\/can-am\/capacite-remorquage-quad\/","title":{"rendered":"Quelle est la capacit\u00e9 de remorquage d\u2019un quad ?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Longtemps associ\u00e9 aux loisirs tout-terrain, le <strong><a href=\"https:\/\/groupe-grim.com\/can-am\/gamme-quad\/\" target=\"_blank\" data-type=\"page\" data-id=\"75\" rel=\"noreferrer noopener\">quad<\/a><\/strong> est aujourd&rsquo;hui devenu un v\u00e9ritable outil de travail pour de nombreux professionnels. Agriculteurs, \u00e9leveurs, forestiers, collectivit\u00e9s ou encore gestionnaires de grands domaines appr\u00e9cient sa polyvalence, sa capacit\u00e9 \u00e0 \u00e9voluer sur tous types de terrains et ses performances de traction.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Que ce soit pour transporter du mat\u00e9riel, d\u00e9placer du bois, tracter une remorque charg\u00e9e ou faciliter certaines t\u00e2ches quotidiennes, la capacit\u00e9 de remorquage est un crit\u00e8re essentiel lors du choix d&rsquo;un quad. Pourtant, cette donn\u00e9e varie fortement selon les mod\u00e8les, les motorisations et les conditions d&rsquo;utilisation.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Alors, quelle charge un quad peut-il r\u00e9ellement remorquer ? Quels sont les \u00e9l\u00e9ments qui influencent ses capacit\u00e9s de traction ? Et quels mod\u00e8les privil\u00e9gier pour les travaux les plus exigeants ?<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Quelle charge un quad peut-il remorquer ?<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">La capacit\u00e9 de remorquage constitue l&rsquo;un des principaux crit\u00e8res \u00e0 prendre en compte lors du choix d&rsquo;un quad, en particulier pour les utilisateurs professionnels et les propri\u00e9taires de grands terrains. Selon les mod\u00e8les et leur conception, un quad peut tracter plusieurs centaines de kilos et devenir un v\u00e9ritable outil de travail pour l&rsquo;agriculture, la sylviculture ou l&rsquo;entretien des espaces verts.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Toutefois, tous les quads ne sont pas \u00e9gaux en mati\u00e8re de traction. La capacit\u00e9 de remorquage varie selon la motorisation, le poids du v\u00e9hicule, la transmission ou encore l&rsquo;usage pour lequel il a \u00e9t\u00e9 con\u00e7u.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quelle est la capacit\u00e9 moyenne de remorquage d&rsquo;un quad ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La capacit\u00e9 de remorquage d&rsquo;un quad d\u00e9pend principalement de sa cat\u00e9gorie.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">De mani\u00e8re g\u00e9n\u00e9rale :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Les quads de loisirs peuvent remorquer <strong>entre 300 et 600 kg<\/strong>.<\/li>\n\n\n\n<li>Les quads polyvalents atteignent g\u00e9n\u00e9ralement <strong>600 \u00e0 700 kg<\/strong>.<\/li>\n\n\n\n<li>Les quads utilitaires haut de gamme d\u00e9passent souvent les <strong>800 kg de capacit\u00e9 de traction<\/strong>.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Ces performances permettent de tracter une remorque charg\u00e9e, du mat\u00e9riel agricole, du bois, des \u00e9quipements d&rsquo;entretien ou encore divers outils professionnels.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pour les utilisateurs qui recherchent un v\u00e9hicule capable d&rsquo;assumer des t\u00e2ches exigeantes au quotidien, les quads utilitaires constituent g\u00e9n\u00e9ralement le meilleur choix.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Les quads utilitaires Can-Am parmi les r\u00e9f\u00e9rences du march\u00e9<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Con\u00e7ue pour r\u00e9pondre aux besoins des professionnels comme des particuliers exigeants, la gamme Can-Am Outlander figure parmi les r\u00e9f\u00e9rences du march\u00e9 en mati\u00e8re de remorquage.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le Can-Am Outlander PRO, particuli\u00e8rement appr\u00e9ci\u00e9 dans les secteurs agricoles et forestiers, offre une capacit\u00e9 de remorquage pouvant atteindre 830 kg. Associ\u00e9e \u00e0 son moteur Rotax et \u00e0 sa transmission performante, cette capacit\u00e9 lui permet de d\u00e9placer facilement des remorques charg\u00e9es sur des terrains difficiles.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les mod\u00e8les <strong><a href=\"https:\/\/groupe-grim.com\/can-am\/vehicule\/outlander-max-pro-xu-hd7-t-can-am\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/groupe-grim.com\/can-am\/vehicule\/outlander-max-pro-xu-hd7-t-can-am\/\" rel=\"noreferrer noopener\">Can-Am Outlander MAX PRO<\/a><\/strong> et <strong><a href=\"https:\/\/groupe-grim.com\/can-am\/vehicule\/outlander-max-dps-500-700-t-abs\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/groupe-grim.com\/can-am\/vehicule\/outlander-max-dps-500-700-t-abs\/\" rel=\"noreferrer noopener\">Can-Am Outlander MAX<\/a><\/strong> se distinguent \u00e9galement par leur polyvalence. Gr\u00e2ce \u00e0 leur configuration deux places et \u00e0 leurs capacit\u00e9s utilitaires avanc\u00e9es, ils r\u00e9pondent parfaitement aux besoins des exploitants agricoles, des collectivit\u00e9s ou encore des gestionnaires de domaines.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pour les utilisateurs recherchant un niveau d&rsquo;\u00e9quipement sup\u00e9rieur, les versions Can-Am Outlander XT et Can-Am Outlander XT-P combinent confort, performances tout-terrain et excellentes capacit\u00e9s de traction.<\/p>\n\n\n\n<!-- Styles dynamiques pour les couleurs du th\u00e8me -->\n<style>\n    \/* Variables CSS dynamiques pour ce bloc *\/\n    .models-slider-block {\n        --theme-primary: #d31e1c;\n        --theme-primary-dark: #bf0a08;\n        --theme-primary-rgb: 211, 30, 28;\n    }\n\n    \/* Couleur principale du th\u00e8me *\/\n    .models-slider-block .bg-theme-primary { background-color: #d31e1c !important; }\n    .models-slider-block .text-theme-primary { color: #d31e1c !important; }\n    .models-slider-block .border-theme-primary { border-color: #d31e1c !important; }\n\n    \/* Couleur texte du th\u00e8me avec diff\u00e9rentes intensit\u00e9s *\/\n    .models-slider-block .text-theme-text-subtle { color: #4b5563 !important; opacity: 0.5; }\n    .models-slider-block .text-theme-text-light { color: #4b5563 !important; opacity: 0.7; }\n    .models-slider-block .text-theme-text { color: #4b5563 !important; opacity: 0.85; }\n    .models-slider-block .text-theme-text-dark { color: #4b5563 !important; opacity: 1; }\n\n    \/* Badge avec couleur primaire *\/\n    .models-slider-block .badge-theme {\n        background-color: #d31e1c1a !important;\n        color: #d31e1c !important;\n    }\n\n    \/* Bouton avec couleur primaire *\/\n    .models-slider-block .btn-theme-primary {\n        background-color: #d31e1c !important;\n        color: white !important;\n    }\n    .models-slider-block .btn-theme-primary:hover {\n        background-color: #d31e1c !important;\n        filter: brightness(0.9);\n    }\n\n    \/* Bouton dans la modal - surcharge le CSS global *\/\n    #hs-slider-test-drive-modal button[type=\"submit\"],\n    #hs-slider-test-drive-modal .btn-theme-primary {\n        background-color: #d31e1c !important;\n        color: white !important;\n    }\n    #hs-slider-test-drive-modal button[type=\"submit\"]:hover,\n    #hs-slider-test-drive-modal .btn-theme-primary:hover {\n        background-color: #d31e1c !important;\n        filter: brightness(0.9);\n    }\n\n    \/* Emp\u00eacher les ic\u00f4nes d'\u00eatre en italique *\/\n    .models-slider-block i,\n    .models-slider-block .fa-solid,\n    .models-slider-block .fa-regular,\n    #hs-slider-test-drive-modal i,\n    #hs-slider-test-drive-modal .fa-solid,\n    #hs-slider-test-drive-modal .fa-regular {\n        font-style: normal !important;\n    }\n\n    \/* Barre de progression avec couleur primaire *\/\n    .models-slider-block .progress-theme {\n        background: linear-gradient(to right, #d31e1c, #d31e1ccc) !important;\n    }\n<\/style>\n\n\n<div class=\"models-slider-block\">\n\n    \n    <!-- Conteneur principal - DESIGN IDENTIQUE -->\n    <div class=\"relative w-full my-12\">\n        \n        <!-- Wrapper avec padding pour les fl\u00e8ches - DESIGN IDENTIQUE -->\n        <div class=\"overflow-hidden relative pb-[25px] px-[15px]\">\n            \n            <!-- Conteneur des slides - RENDU PHP DIRECT -->\n            <div class=\"models-container-new overflow-hidden pb-8 w-full max-w-full\">\n                <div class=\"models-track flex transition-transform duration-500 ease-out\" style=\"transform: translateX(0%);\">\n\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"no-category\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">DS 250<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">6 399 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-DS-250-300x218.png\" alt=\"DS 250\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-DS-250\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-DS-250.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">6 399 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/vehicules-tout-terrain-junior\/ds.html#250\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"DS 250\"\n                                                data-price=\"6399\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"31\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander 6X6 Backcountry 1000 T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">22 749 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-6x6-Backcountry-1000-T-300x218.png\" alt=\"Outlander 6X6 Backcountry 1000 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-6&#215;6-Backcountry-1000-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-6x6-Backcountry-1000-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">22 749 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-6x6.html#backcountry-1000-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander 6X6 Backcountry 1000 T\"\n                                                data-price=\"22749\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"31\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander MAX 6X6 DPS 850 T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">20 799 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-MAX-6X6-DPS-850-T-300x218.png\" alt=\"Outlander MAX 6X6 DPS 850 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-MAX-6X6-DPS-850-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-MAX-6X6-DPS-850-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">20 799 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-6x6.html#outlander-max-6x6-dps-850-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander MAX 6X6 DPS 850 T\"\n                                                data-price=\"20799\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"31\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander MAX 6X6 Backcountry 1000 T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">23 749 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-MAX-6X6-1000-T-300x218.png\" alt=\"Outlander MAX 6X6 Backcountry 1000 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-MAX-6X6-1000-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-MAX-6X6-1000-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">23 749 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-6x6.html#outlander-max-6x6-backcountry-1000-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander MAX 6X6 Backcountry 1000 T\"\n                                                data-price=\"23749\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"31\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander 6X6 DPS 850 T<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">6 roues<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">19 899 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-6x6-DPS-850-T-300x218.png\" alt=\"Outlander 6X6 DPS 850 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-6&#215;6-DPS-850-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-6x6-DPS-850-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">19 899 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-6x6.html#dps-850-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander 6X6 DPS 850 T\"\n                                                data-price=\"19899\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"31\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander MAX 6X6 DPS 700 T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">18 499 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-MAX-6X6-DPS-700-T-300x218.png\" alt=\"Outlander MAX 6X6 DPS 700 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-MAX-6X6-DPS-700-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-MAX-6X6-DPS-700-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">18 499 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-6x6.html#outlander-max-6x6-dps-700-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander MAX 6X6 DPS 700 T\"\n                                                data-price=\"18499\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"31\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander 6X6 DPS 700 T<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">6 roues<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">17 499 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-6X6-DPS-700-T-300x218.png\" alt=\"Outlander 6X6 DPS 700 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Outlander-6X6-DPS-700-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-6X6-DPS-700-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">17 499 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-6x6.html#dps-700-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander 6X6 DPS 700 T\"\n                                                data-price=\"17499\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"10\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander 6&#215;6<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Nouveau<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">17 499 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-6X6-300x218.png\" alt=\"Outlander 6x6\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Outlander-6X6\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-6X6.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">17 499 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-6x6.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander 6x6\"\n                                                data-price=\"17499\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"30\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander MAX Electric T<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">\u00c9lectrique<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">18 579 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-MAX-Electric-T-300x218.png\" alt=\"Outlander MAX Electric T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Outlander-MAX-Electric-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-MAX-Electric-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">18 579 \u20ac<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Autonomie max.<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">75 km<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-electric.html#outlander-max-electric-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander MAX Electric T\"\n                                                data-price=\"18579\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"30\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander Electric T<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">\u00c9lectrique<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">17 679 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-Electric-T-300x218.png\" alt=\"Outlander Electric T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Outlander-Electric-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-Electric-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">17 679 \u20ac<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Autonomie max.<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">75 km<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-electric.html#t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander Electric T\"\n                                                data-price=\"17679\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"10\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander Electric<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Nouveau<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">17 679 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-Electric-300x218.png\" alt=\"Outlander Electric\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Outlander-Electric\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-Electric.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">17 679 \u20ac<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Autonomie max.<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">75 km<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-electric.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander Electric\"\n                                                data-price=\"17679\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"18\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Origin Standard<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Tout-terrain<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">13 599 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Origin-Standard-300x218.png\" alt=\"Origin Standard\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Origin-Standard\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Origin-Standard.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">13 599 \u20ac<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Acc\u00e9l\u00e9ration<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">4,3s<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Autonomie max.<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">145 km<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/motos\/origin.html#origin\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Origin Standard\"\n                                                data-price=\"13599\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"19\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Pulse Standard<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Urbain<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">12 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Pulse-Standard-300x218.png\" alt=\"Pulse Standard\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Pulse-Standard\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Pulse-Standard.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">12 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Acc\u00e9l\u00e9ration<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">3,8s<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Autonomie max.<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">160 km<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/motos\/pulse.html#pulse\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Pulse Standard\"\n                                                data-price=\"12999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"18\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Origin&#039;73<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">15 799 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/09\/Origin-73-2025-300x218.png\" alt=\"Origin&#039;73\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Origin 73 2025\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/09\/Origin-73-2025.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">15 799 \u20ac<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Acc\u00e9l\u00e9ration<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">4,3s<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Autonomie max.<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">145 km<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/motos\/origin.html#origin--73\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Origin&#039;73\"\n                                                data-price=\"15799\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"19\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Pulse &#039;73<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">15 299 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/09\/Pulse-73-2025-300x218.png\" alt=\"Pulse &#039;73\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Pulse 73 2025\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/09\/Pulse-73-2025.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">15 299 \u20ac<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Acc\u00e9l\u00e9ration<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">3,8s<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Autonomie max.<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">160 km<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/motos\/pulse.html#pulse--73\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Pulse &#039;73\"\n                                                data-price=\"15299\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"12\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Origin<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Tout-terrain<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">13 599 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Origin-2025-300x218.png\" alt=\"Origin\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Origin 2025\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Origin-2025.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">13 599 \u20ac<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Acc\u00e9l\u00e9ration<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">4,3s<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Autonomie max.<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">145 km<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/motos\/origin.html#origin\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Origin\"\n                                                data-price=\"13599\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"12\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Pulse<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Urbain<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">12 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Pulse-2025-300x218.png\" alt=\"Pulse\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Pulse 2025\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Pulse-2025.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">12 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Acc\u00e9l\u00e9ration<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">3,8s<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Autonomie max.<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">160 km<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/motos\/pulse.html#pulse\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Pulse\"\n                                                data-price=\"12999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"17\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Canyon Redrock<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">34 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-Canyon-Redrock-300x218.png\" alt=\"Canyon Redrock\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SPYDER-Canyon-Redrock\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-Canyon-Redrock.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">34 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/canyon.html#canyon-redrock\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Canyon Redrock\"\n                                                data-price=\"34999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"17\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Canyon XT<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">32 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-Canyon-XT-300x218.png\" alt=\"Canyon XT\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SPYDER-Canyon-XT\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-Canyon-XT.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">32 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/canyon.html#canyon-xt\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Canyon XT\"\n                                                data-price=\"32999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"11\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Canyon<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">27 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-Canyon-300x218.png\" alt=\"Canyon\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SPYDER-Canyon\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-Canyon.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">27 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/canyon.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Canyon\"\n                                                data-price=\"27999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"16\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Spyder RT Sea-to-Sky<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">36 399 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-RT-SEA-TO-SKY-300x218.png\" alt=\"Spyder RT Sea-to-Sky\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SPYDER-RT-SEA TO SKY\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-RT-SEA-TO-SKY.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">36 399 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/spyder-rt.html#spyder-rt-sea-to-sky\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Spyder RT Sea-to-Sky\"\n                                                data-price=\"36399\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"16\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Spyder RT Limited<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">34 499 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-RT-Limited-300x218.png\" alt=\"Spyder RT Limited\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SPYDER-RT-Limited\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-RT-Limited.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">34 499 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/spyder-rt.html#spyder-rt-limited\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Spyder RT Limited\"\n                                                data-price=\"34499\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"11\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Spyder RT<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">34 499 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-RT-300x218.png\" alt=\"Spyder RT\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SPYDER-RT\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-RT.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">34 499 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/spyder-rt.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Spyder RT\"\n                                                data-price=\"34499\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"15\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Spyder F3 Limited Special Series<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">33 699 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-F3-Limited-Special-Series-300x218.png\" alt=\"Spyder F3 Limited Special Series\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SPYDER-F3-Limited-Special-Series\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-F3-Limited-Special-Series.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">33 699 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/spyder-f3.html#spyder-f3-limited-special-series\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Spyder F3 Limited Special Series\"\n                                                data-price=\"33699\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"15\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Spyder F3 Limited<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">31 699 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-F3-T-300x218.png\" alt=\"Spyder F3 Limited\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SPYDER-F3-Limited\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-F3-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">31 699 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/spyder-f3.html#spyder-f3-limited\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Spyder F3 Limited\"\n                                                data-price=\"31699\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"15\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Spyder F3-T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">28 599 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-F3-T-300x218.png\" alt=\"Spyder F3-T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SPYDER-F3-Limited\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-F3-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">28 599 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/spyder-f3.html#spyder-f3-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Spyder F3-T\"\n                                                data-price=\"28599\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"15\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Spyder F3-S<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">26 499 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-F3-S-300x218.png\" alt=\"Spyder F3-S\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SPYDER-F3-S\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-F3-S.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">26 499 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/spyder-f3.html#spyder-f3-s\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Spyder F3-S\"\n                                                data-price=\"26499\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"11\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Spyder F3<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">26 499 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-SPYDER-F3-2026-300x218.png\" alt=\"Spyder F3\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Can-Am-SPYDER-F3-2026\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-SPYDER-F3-2026.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">26 499 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/spyder-f3.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Spyder F3\"\n                                                data-price=\"26499\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"14\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Ryker Rally<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">16 799 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Ryker-Rally-900-300x218.png\" alt=\"Ryker Rally\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Ryker-Rally-900\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Ryker-Rally-900.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">16 799 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/ryker.html#ryker-rally\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Ryker Rally\"\n                                                data-price=\"16799\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"14\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Ryker Sport<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">14 899 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Ryker-Sport-900-300x218.png\" alt=\"Ryker Sport\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Ryker-Sport-900\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Ryker-Sport-900.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">14 899 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/ryker.html#ryker-sport\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Ryker Sport\"\n                                                data-price=\"14899\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"14\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Ryker Standard<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">11 099 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Ryker-Standard-600-300x218.png\" alt=\"Ryker Standard\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Ryker-Standard-600\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Ryker-Standard-600.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">11 099 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/ryker.html#ryker\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Ryker Standard\"\n                                                data-price=\"11099\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"11\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Ryker<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">11 099 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Ryker-2026-300x218.png\" alt=\"Ryker\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Can-Am Ryker 2026\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Ryker-2026.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">11 099 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/ryker.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Ryker\"\n                                                data-price=\"11099\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"13\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">DS<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">6 399 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-DS-250-300x218.png\" alt=\"DS\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-DS-250\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-DS-250.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">6 399 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/vehicules-tout-terrain-junior\/ds.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"DS\"\n                                                data-price=\"6399\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"13\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Renegade EFI<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">4 799 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Renegade-70EFI-300x218.png\" alt=\"Renegade EFI\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-ATV-Renegade-70EFI\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Renegade-70EFI.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">4 799 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/vehicules-tout-terrain-junior\/renegade-efi.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Renegade EFI\"\n                                                data-price=\"4799\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"10\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Renegade<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Loisir<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">15 499 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Renegade-300x218.png\" alt=\"Renegade\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-ATV-Can-Am-Renegade\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Renegade.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">15 499 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/sport\/renegade.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Renegade\"\n                                                data-price=\"15499\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"10\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander 850\/1000R<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Loisir\/Comp\u00e9tition<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">16 499 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-850-1000R-300x218.png\" alt=\"Outlander 850\/1000R\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-850-1000R\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-850-1000R.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">16 499 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/recreatif\/outlander-850-1000r.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander 850\/1000R\"\n                                                data-price=\"16499\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"28\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander MAX XT 700<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">14 699 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-MAX-XT-700-300x218.png\" alt=\"Outlander MAX XT 700\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-ATV-Can-Am-Outlander-MAX-XT-700\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-MAX-XT-700.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">14 699 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/recreatif\/outlander-500-700.html#outlander-max-xt-700\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander MAX XT 700\"\n                                                data-price=\"14699\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"28\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander X MR 700<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">13 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-X-MR-700-300x218.png\" alt=\"Outlander X MR 700\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-ATV-Can-Am-Outlander-X-MR-700\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-X-MR-700.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">13 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/recreatif\/outlander-500-700.html#outlander-x-mr-700\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander X MR 700\"\n                                                data-price=\"13999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"28\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander MAX DPS 500\/700 T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">11 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-MAX-DPS-500-700-T-300x218.png\" alt=\"Outlander MAX DPS 500\/700 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-ATV-Can-Am-Outlander-MAX-DPS-500-700-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-MAX-DPS-500-700-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">11 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/recreatif\/outlander-500-700.html#outlander-max-dps-500-700-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander MAX DPS 500\/700 T\"\n                                                data-price=\"11999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"28\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander DPS 500\/700 T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">10 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-DPS-500-700-T-300x218.png\" alt=\"Outlander DPS 500\/700 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-ATV-Can-Am-Outlander-DPS-500-700-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-DPS-500-700-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">10 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/recreatif\/outlander-500-700.html#outlander-dps-500-700-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander DPS 500\/700 T\"\n                                                data-price=\"10999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"10\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander 500\/700<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Loisir\/Travail<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">10 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-500-700-300x218.png\" alt=\"Outlander 500\/700\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-ATV-Can-Am-Outlander-500-700\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-500-700.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">10 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/recreatif\/outlander-500-700.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander 500\/700\"\n                                                data-price=\"10999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"26\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander MAX PRO XU HD8\/HD10 T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">17 099 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO-MAX-XU-HD8-HD10-T-300x218.png\" alt=\"Outlander MAX PRO XU HD8\/HD10 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-PRO-MAX-XU-HD8-HD10-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO-MAX-XU-HD8-HD10-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">17 099 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-pro.html#outlander-max-pro-xu-hd8-hd10-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander MAX PRO XU HD8\/HD10 T\"\n                                                data-price=\"17099\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"26\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander MAX PRO XU HD7 T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">13 399 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO-MAX-XU-HD7-T-300x218.png\" alt=\"Outlander MAX PRO XU HD7 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-PRO-MAX-XU-HD7-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO-MAX-XU-HD7-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">13 399 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-pro.html#outlander-max-pro-xu-hd7-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander MAX PRO XU HD7 T\"\n                                                data-price=\"13399\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"26\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander PRO XU HD7 ABS T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">13 199 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO-XU-HD7-ABS-T-300x218.png\" alt=\"Outlander PRO XU HD7 ABS T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-PRO-XU-HD7-ABS-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO-XU-HD7-ABS-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">13 199 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-pro.html#xu-hd7-abs-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander PRO XU HD7 ABS T\"\n                                                data-price=\"13199\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"26\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander PRO XU HD5\/HD7 T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">12 199 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-PRO-XU-HD5-HD7-T-300x218.png\" alt=\"Outlander PRO XU HD5\/HD7 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Outlander-PRO-XU-HD5-HD7-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-PRO-XU-HD5-HD7-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">12 199 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-pro.html#xu-hd5-hd7-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander PRO XU HD5\/HD7 T\"\n                                                data-price=\"12199\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"26\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander PRO HD5 T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">9 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO-HD5-T-300x218.png\" alt=\"Outlander PRO HD5 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-PRO-HD5-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO-HD5-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">9 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-pro.html#hd5-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander PRO HD5 T\"\n                                                data-price=\"9999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"10\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander Pro<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Travail<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">9 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO-300x218.png\" alt=\"Outlander Pro\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-PRO\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">9 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-pro.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander Pro\"\n                                                data-price=\"9999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"25\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Maverick R MAX X RS<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">56 399 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Maverick-R-MAX-X-RS-300x218.png\" alt=\"Maverick R MAX X RS\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Maverick-R-MAX-X-RS\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Maverick-R-MAX-X-RS.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">56 399 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/sport\/maverick-r.html#max-x-rs\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick R MAX X RS\"\n                                                data-price=\"56399\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"25\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Maverick R X RC<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">58 699 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Maverick-R-X-RC-300x218.png\" alt=\"Maverick R X RC\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Maverick-R-X-RC\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Maverick-R-X-RC.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">58 699 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/sport\/maverick-r.html#x-rc\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick R X RC\"\n                                                data-price=\"58699\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"25\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Maverick R X RS<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">52 199 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Maverick-R-X-RS-300x218.png\" alt=\"Maverick R X RS\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Maverick-R-X-RS\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Maverick-R-X-RS.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">52 199 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/sport\/maverick-r.html#x-rs\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick R X RS\"\n                                                data-price=\"52199\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"9\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Maverick R<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Loisir\/Comp\u00e9tition<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">52 199 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Maverick-R-2026-300x218.png\" alt=\"Maverick R\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Can-Am-Maverick-R-2026\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Maverick-R-2026.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">52 199 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/sport\/maverick-r.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick R\"\n                                                data-price=\"52199\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"24\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Maverick MAX X RS Turbo RR<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">44 199 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-X3-MAX-X-RS-TURBO-RR-300x218.png\" alt=\"Maverick MAX X RS Turbo RR\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SSV-Maverick-X3-MAX-X-RS-TURBO-RR\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-X3-MAX-X-RS-TURBO-RR.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">44 199 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/sport\/maverick.html#max-x-rs-turbo-rr\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick MAX X RS Turbo RR\"\n                                                data-price=\"44199\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"24\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Maverick X RC Turbo RR 72<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">41 599 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-X3-X-RC-TURBO-RR-72-300x218.png\" alt=\"Maverick X RC Turbo RR 72\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SSV-Maverick-X3-X-RC-TURBO-RR-72\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-X3-X-RC-TURBO-RR-72.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">41 599 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/sport\/maverick.html#x-rc-turbo-rr-72\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick X RC Turbo RR 72\"\n                                                data-price=\"41599\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"24\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Maverick X RS Turbo RR<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">40 199 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-X3-RS-TURBO-RR-300x218.png\" alt=\"Maverick X RS Turbo RR\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SSV-Maverick-X3-RS-TURBO-RR\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-X3-RS-TURBO-RR.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">40 199 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/sport\/maverick.html#x-rs-turbo-rr\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick X RS Turbo RR\"\n                                                data-price=\"40199\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"24\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Maverick DS Turbo RR<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">29 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-X3-DS-TURBO-RR-300x218.png\" alt=\"Maverick DS Turbo RR\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SSV-Maverick-X3-DS-TURBO-RR\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-X3-DS-TURBO-RR.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">29 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/sport\/maverick.html#ds-turbo-rr\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick DS Turbo RR\"\n                                                data-price=\"29999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"9\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Maverick<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Loisir\/Comp\u00e9tition<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">29 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Maverick-2026-300x218.png\" alt=\"Maverick\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Can-Am-Maverick-2026\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Maverick-2026.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">29 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/sport\/maverick.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick\"\n                                                data-price=\"29999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"21\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Maverick Sport MAX DPS T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">23 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-Sport-MAX-DPS-T-1000R-300x218.png\" alt=\"Maverick Sport MAX DPS T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SSV-Maverick-Sport-MAX-DPS-T-1000R\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-Sport-MAX-DPS-T-1000R.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">23 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/recreatif\/maverick-sport.html#max-dps-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick Sport MAX DPS T\"\n                                                data-price=\"23999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"21\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Maverick Sport DPS T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">21 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-Sport-DPS-T-1000R-300x218.png\" alt=\"Maverick Sport DPS T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SSV-Maverick-Sport-DPS-T-1000R\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-Sport-DPS-T-1000R.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">21 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/recreatif\/maverick-sport.html#dps-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick Sport DPS T\"\n                                                data-price=\"21999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"9\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Maverick Sport<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Loisir<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">21 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Maverick-Sport-2026-300x218.png\" alt=\"Maverick Sport\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Can-Am-Maverick-Sport-2026\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Maverick-Sport-2026.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">21 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/recreatif\/maverick-sport.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick Sport\"\n                                                data-price=\"21999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"22\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Traxter 6&#215;6 DPS<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">25 399 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-6x6-DPS-HD10-300x218.png\" alt=\"Traxter 6x6 DPS\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"SSV-MY26-Traxter-6&#215;6-DPS-HD10\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-6x6-DPS-HD10.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">25 399 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/utilitaire-recreatif\/traxter.html#6x6-dps\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Traxter 6x6 DPS\"\n                                                data-price=\"25399\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"22\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Traxter PRO XU T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">27 699 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-PRO-XU-T-HD10-300x218.png\" alt=\"Traxter PRO XU T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"SSV-MY26-Traxter-PRO-XU-T-HD10\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-PRO-XU-T-HD10.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">27 699 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/utilitaire-recreatif\/traxter.html#pro-xu-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Traxter PRO XU T\"\n                                                data-price=\"27699\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"22\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Traxter XU ABS T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">24 499 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-XU-ABS-T-HD9-300x218.png\" alt=\"Traxter XU ABS T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"SSV-MY26-Traxter-XU-ABS-T-HD9\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-XU-ABS-T-HD9.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">24 499 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/utilitaire-recreatif\/traxter.html#xu-abs-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Traxter XU ABS T\"\n                                                data-price=\"24499\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"22\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Traxter XU T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">20 799 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-XU-T-HD7-300x218.png\" alt=\"Traxter XU T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"SSV-MY26-Traxter-XU-T-HD7\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-XU-T-HD7.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">20 799 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/utilitaire-recreatif\/traxter.html#xu-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Traxter XU T\"\n                                                data-price=\"20799\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"22\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Traxter T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">16 799 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-T-HD7-300x218.png\" alt=\"Traxter T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"SSV-MY26-Traxter-T-HD7\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-T-HD7.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">16 799 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/utilitaire-recreatif\/traxter.html#t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Traxter T\"\n                                                data-price=\"16799\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"23\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Traxter MAX XU HD11 T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">30 199 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-MAX-XU-HD11-T-300x218.png\" alt=\"Traxter MAX XU HD11 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"SSV-MY26-Traxter-MAX-XU-HD11-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-MAX-XU-HD11-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">30 199 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/utilitaire-recreatif\/traxter-hd11.html#traxter-max-xu-hd11-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Traxter MAX XU HD11 T\"\n                                                data-price=\"30199\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"23\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Traxter XU HD11 T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">27 499 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-XU-HD11-TR-ABS-300x218.png\" alt=\"Traxter XU HD11 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"SSV-MY26-Traxter-XU-HD11-TR-ABS\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-XU-HD11-TR-ABS.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">27 499 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/utilitaire-recreatif\/traxter-hd11.html#traxter-xu-hd11-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Traxter XU HD11 T\"\n                                                data-price=\"27499\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"9\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Traxter HD11<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Utilitaire (Nouveau)<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">27 499 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Traxter-XU-HD11-2026-300x218.png\" alt=\"Traxter HD11\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Can-Am-Traxter-XU-HD11-2026\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Traxter-XU-HD11-2026.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">27 499 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/utilitaire-recreatif\/traxter-hd11.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Traxter HD11\"\n                                                data-price=\"27499\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"9\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Traxter<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Utilitaire<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">16 799 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Traxter-2026-300x218.png\" alt=\"Traxter\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Can-Am-Traxter-2026\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Traxter-2026.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">16 799 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/utilitaire-recreatif\/traxter.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Traxter\"\n                                                data-price=\"16799\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"20\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Maverick Trail T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">15 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/ORV-MY26-SSV-Maverick-Trail-T-700-Catalyst-Grey-300x218.png\" alt=\"Maverick Trail T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"ORV-MY26-SSV-Maverick-Trail-T-700-Catalyst-Grey\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/ORV-MY26-SSV-Maverick-Trail-T-700-Catalyst-Grey.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">15 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/recreatif\/maverick-trail.html#t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick Trail T\"\n                                                data-price=\"15999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"20\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Maverick Trail DPS T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">17 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/ORV-MY26-SSV-Maverick-Trail-DPS-T-700-Triple-Black-300x218.png\" alt=\"Maverick Trail DPS T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"ORV-MY26-SSV-Maverick-Trail-DPS-T-700-Triple-Black\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/ORV-MY26-SSV-Maverick-Trail-DPS-T-700-Triple-Black.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">17 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/recreatif\/maverick-trail.html#dps-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick Trail DPS T\"\n                                                data-price=\"17999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"9\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Maverick Trail<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Loisir<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">15 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-Trail-300x218.png\" alt=\"Maverick Trail\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SSV-Maverick-Trail\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-Trail.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">15 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/groupe-grim.com\/can-am\/gamme-ssv\/maverick-trail\/\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick Trail\"\n                                                data-price=\"15999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                        \n                <\/div>\n            <\/div>\n        <\/div>\n        \n                <!-- Navigation DESIGN IDENTIQUE avec vos fl\u00e8ches SVG -->\n        <div class=\"models-navigation flex items-center justify-between mt-8 px-5 relative z-[150] pointer-events-auto\">\n\n            <!-- Barre de progression - DESIGN IDENTIQUE -->\n            <div class=\"flex-1 mx-5 relative z-[149]\">\n                <div class=\"h-[3px] bg-gray-200 rounded-full overflow-hidden relative\">\n                    <div class=\"models-progress-fill h-full progress-theme rounded-full transition-all duration-600 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] w-0\"><\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Boutons avec VOS fl\u00e8ches SVG - DESIGN IDENTIQUE -->\n            <div class=\"flex gap-2 relative z-[151] pointer-events-auto\">\n                <button class=\"models-nav-button models-prev w-12 h-12 min-w-[48px] min-h-[48px] md:w-12 md:h-12 rounded-full flex items-center justify-center cursor-pointer transition-all duration-[400ms] ease-out opacity-50 relative z-[152] hover:opacity-100 hover:scale-105 active:scale-95 pointer-events-auto select-none\"\n                        aria-label=\"Mod\u00e8le pr\u00e9c\u00e9dent\" disabled>\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/themes\/grim\/assets\/img\/arrow-left.svg\"\n                         alt=\"Pr\u00e9c\u00e9dent\"\n                         class=\"arrow-icon w-6 h-6 min-w-[24px] min-h-[24px] block transition-all duration-300 opacity-90 object-contain pointer-events-none\"\n                         width=\"24\"\n                         height=\"24\">\n                <\/button>\n\n                <button class=\"models-nav-button models-next w-12 h-12 min-w-[48px] min-h-[48px] md:w-12 md:h-12 rounded-full flex items-center justify-center cursor-pointer transition-all duration-[400ms] ease-out opacity-80 relative z-[152] hover:opacity-100 hover:scale-105 active:scale-95 pointer-events-auto select-none\"\n                        aria-label=\"Mod\u00e8le suivant\">\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/themes\/grim\/assets\/img\/arrow-right.svg\"\n                         alt=\"Suivant\"\n                         class=\"arrow-icon w-6 h-6 min-w-[24px] min-h-[24px] block transition-all duration-300 opacity-90 object-contain pointer-events-none\"\n                         width=\"24\"\n                         height=\"24\">\n                <\/button>\n            <\/div>\n        <\/div>\n                \n    <\/div>\n    \n    <!-- Donn\u00e9es pour JavaScript -->\n    <script type=\"application\/json\" class=\"models-slider-config\">\n        {\n            \"totalModels\": 71,\n            \"visibleCards\": {\n                \"mobile\": 1,\n                \"tablet\": 2,\n                \"desktop\": 3,\n                \"large\": 4\n            }\n        }\n    <\/script>\n\n    <!-- Donn\u00e9es AJAX pour le formulaire test-drive int\u00e9gr\u00e9 -->\n    <script>\n        window.sliderTestDriveData = {\n            ajaxUrl: \"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-admin\\\/admin-ajax.php\",\n            nonce: \"adeaf88470\"        };\n\n        \/\/ R\u00e9initialiser Preline apr\u00e8s le chargement du DOM pour inclure notre modal\n        document.addEventListener('DOMContentLoaded', function() {\n            setTimeout(function() {\n                if (typeof HSStaticMethods !== 'undefined') {\n                    HSStaticMethods.autoInit();\n                    console.log('\u2705 Preline r\u00e9initialis\u00e9 pour le modal slider');\n                }\n            }, 500);\n        });\n    <\/script>\n\n    <!-- Modal Formulaire Test Drive Int\u00e9gr\u00e9 - Preline UI -->\n    <div id=\"hs-slider-test-drive-modal\"\n         class=\"hs-overlay hidden size-full fixed top-0 start-0 overflow-x-hidden overflow-y-auto\"\n         style=\"z-index: 2147483647 !important;\"\n         role=\"dialog\"\n         tabindex=\"-1\"\n         aria-labelledby=\"hs-slider-test-drive-modal-label\">\n        <div class=\"hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 mt-0 opacity-0 ease-out transition-all sm:max-w-lg sm:w-full m-3 sm:mx-auto min-h-[calc(100%-3.5rem)] flex items-center\">\n            <div class=\"w-full flex flex-col bg-white border shadow-sm rounded-xl pointer-events-auto dark:bg-neutral-900 dark:border-neutral-700\">\n            <!-- Header -->\n            <div class=\"flex justify-between items-center py-3 px-4 border-b dark:border-neutral-700\">\n                <h3 id=\"hs-slider-test-drive-modal-label\" class=\"font-bold text-gray-800 dark:text-white\">\n                    R\u00e9server un essai\n                <\/h3>\n                <button type=\"button\"\n                        class=\"size-8 inline-flex justify-center items-center gap-x-2 rounded-full border border-transparent bg-gray-100 text-gray-800 hover:bg-gray-200 focus:outline-none focus:bg-gray-200 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600\"\n                        aria-label=\"Close\"\n                        data-hs-overlay=\"#hs-slider-test-drive-modal\">\n                    <span class=\"sr-only\">Fermer<\/span>\n                    <svg class=\"shrink-0 size-4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"m18 6-12 12\"><\/path>\n                        <path d=\"m6 6 12 12\"><\/path>\n                    <\/svg>\n                <\/button>\n            <\/div>\n\n            <!-- Body -->\n            <div class=\"p-6 overflow-y-auto\">\n                <!-- R\u00e9capitulatif du mod\u00e8le -->\n                                <div id=\"slider-model-recap\" class=\"mb-4 p-3 rounded-lg border-l-4\" style=\"background-color: rgba(211, 30, 28, 0.05); border-left-color: #d31e1c;\">\n                    <div class=\"flex items-center gap-2\">\n                        <i class=\"fa-solid fa-car text-sm\" style=\"color: #d31e1c;\"><\/i>\n                        <span class=\"text-sm text-gray-600\">Mod\u00e8le :<\/span>\n                        <span id=\"slider-selected-model-name\" class=\"font-semibold text-gray-800\"><\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- Formulaire -->\n                <form id=\"slider-test-drive-form\" class=\"space-y-4\">\n                    <input type=\"hidden\" id=\"slider-model-input\" name=\"model\" value=\"\">\n                    <!-- Anti-bot : honeypot + timestamp -->\n                    <input type=\"text\" name=\"website_url\" style=\"display:none !important;position:absolute;left:-9999px;\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\">\n                    <input type=\"hidden\" name=\"form_timestamp\" value=\"1785023805\">\n\n                    \n                    <!-- Concession -->\n                    <div>\n                        <label class=\"block text-sm font-medium text-gray-700 mb-2\">\n                            Concession <span class=\"text-red-500\">*<\/span>\n                        <\/label>\n                                                                                <div class=\"p-3 bg-gray-50 rounded-lg border text-gray-800\">\n                                <i class=\"fa-solid fa-location-dot mr-2\"><\/i>\n                                Toulouse &#8211; Can-Am Toulouse                            <\/div>\n                            <input type=\"hidden\" name=\"dealership\" value=\"Toulouse - Can-Am Toulouse\">\n                                            <\/div>\n\n                    <!-- Pr\u00e9nom et Nom -->\n                    <div class=\"grid grid-cols-2 gap-4\">\n                        <div>\n                            <label class=\"block text-sm font-medium text-gray-700 mb-2\">\n                                Pr\u00e9nom <span class=\"text-red-500\">*<\/span>\n                            <\/label>\n                            <input type=\"text\" name=\"first_name\" required\n                                   class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2\"\n                                   placeholder=\"Jean\">\n                        <\/div>\n                        <div>\n                            <label class=\"block text-sm font-medium text-gray-700 mb-2\">\n                                Nom <span class=\"text-red-500\">*<\/span>\n                            <\/label>\n                            <input type=\"text\" name=\"last_name\" required\n                                   class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2\"\n                                   placeholder=\"Dupont\">\n                        <\/div>\n                    <\/div>\n\n                    <!-- Email -->\n                    <div>\n                        <label class=\"block text-sm font-medium text-gray-700 mb-2\">\n                            Email <span class=\"text-red-500\">*<\/span>\n                        <\/label>\n                        <input type=\"email\" name=\"email\" required\n                               class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2\"\n                               placeholder=\"jean.dupont@example.com\">\n                    <\/div>\n\n                    <!-- T\u00e9l\u00e9phone -->\n                    <div>\n                        <label class=\"block text-sm font-medium text-gray-700 mb-2\">\n                            T\u00e9l\u00e9phone <span class=\"text-red-500\">*<\/span>\n                        <\/label>\n                        <input type=\"tel\" name=\"phone\" required\n                               class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2\"\n                               placeholder=\"06 12 34 56 78\">\n                    <\/div>\n\n                    <!-- Politique de confidentialit\u00e9 -->\n                    <div class=\"flex items-start\">\n                        <div class=\"flex items-center h-5\">\n                            <input id=\"slider-privacy\" name=\"privacy\" type=\"checkbox\" required\n                                   class=\"w-4 h-4 border-gray-300 rounded\" style=\"color: #d31e1c;\">\n                        <\/div>\n                        <label for=\"slider-privacy\" class=\"ml-3 text-sm text-gray-700\">\n                            J&rsquo;accepte la <a href=\"https:\/\/groupe-grim.com\/rgpd\/\" class=\"hover:underline\" style=\"color: #d31e1c;\" target=\"_blank\">politique de confidentialit\u00e9<\/a> <span class=\"text-red-500\">*<\/span>\n                        <\/label>\n                    <\/div>\n\n                    <!-- Message de chargement -->\n                    <div id=\"slider-loading-message\" class=\"hidden text-center py-4\">\n                        <div class=\"inline-flex items-center\">\n                            <svg class=\"animate-spin -ml-1 mr-3 h-5 w-5\" style=\"color: #d31e1c;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n                                <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                                <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                            <\/svg>\n                            Envoi en cours&#8230;\n                        <\/div>\n                    <\/div>\n\n                    <!-- Bouton d'envoi -->\n                    <button type=\"submit\" id=\"slider-submit-btn\"\n                            class=\"w-full px-6 py-3 btn-theme-primary rounded-lg transition-all duration-300 font-semibold\">\n                        <i class=\"fa-solid fa-paper-plane mr-2\"><\/i>Envoyer ma demande d&rsquo;essai\n                    <\/button>\n                <\/form>\n\n                <!-- Message de succ\u00e8s (EN DEHORS du formulaire pour rester visible) -->\n                <div id=\"slider-success-message\" class=\"hidden text-center py-6\">\n                    <div class=\"bg-green-50 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4\">\n                        <i class=\"fa-solid fa-check text-2xl text-green-500\"><\/i>\n                    <\/div>\n                    <h4 class=\"text-lg font-bold mb-2 text-green-700\">Demande envoy\u00e9e !<\/h4>\n                    <p class=\"text-gray-600 text-sm\">\n                        Votre demande d&rsquo;essai a \u00e9t\u00e9 envoy\u00e9e avec succ\u00e8s.<br>\n                        Nous vous recontacterons rapidement pour confirmer votre rendez-vous.\n                    <\/p>\n                    <p class=\"text-xs text-gray-500 mt-3\">Cette fen\u00eatre se fermera automatiquement&#8230;<\/p>\n                <\/div>\n            <\/div>\n            <!-- End Body -->\n            <\/div>\n        <\/div>\n    <\/div>\n    <!-- End Modal -->\n\n    \n\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Le Can-Am Outlander 6&#215;6, la solution pour les travaux les plus exigeants<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Pour les utilisateurs ayant besoin d&rsquo;encore plus de capacit\u00e9s de traction et de motricit\u00e9, le <strong><a href=\"https:\/\/groupe-grim.com\/can-am\/vehicule\/outlander-6x6-dps-700-t-can-am\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/groupe-grim.com\/can-am\/vehicule\/outlander-6x6-dps-700-t-can-am\/\" rel=\"noreferrer noopener\">Can-Am Outlander 6&#215;6<\/a><\/strong> constitue une r\u00e9f\u00e9rence dans l&rsquo;univers du quad utilitaire.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Gr\u00e2ce \u00e0 son essieu arri\u00e8re suppl\u00e9mentaire et \u00e0 ses six roues motrices, il offre une adh\u00e9rence exceptionnelle sur les terrains difficiles tels que les chemins boueux, les parcelles agricoles, les sous-bois ou les zones accident\u00e9es.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cette architecture sp\u00e9cifique lui permet de tracter des charges importantes tout en conservant une excellente stabilit\u00e9, m\u00eame lorsque les conditions deviennent compliqu\u00e9es. Le Can-Am Outlander 6&#215;6 est ainsi particuli\u00e8rement appr\u00e9ci\u00e9 des agriculteurs, des forestiers, des chasseurs professionnels et des collectivit\u00e9s qui recherchent un v\u00e9hicule capable d&rsquo;intervenir l\u00e0 o\u00f9 d&rsquo;autres atteignent leurs limites.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Son espace de chargement arri\u00e8re, disponible sur certaines versions, renforce \u00e9galement sa polyvalence en lui permettant de transporter du mat\u00e9riel, des outils ou des fournitures sans n\u00e9cessiter syst\u00e9matiquement une remorque.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pour les professionnels qui recherchent un v\u00e9hicule capable de conjuguer capacit\u00e9s de remorquage, franchissement et transport de charges, le Can-Am Outlander 6&#215;6 repr\u00e9sente l&rsquo;une des solutions les plus compl\u00e8tes de la gamme Can-Am.<\/p>\n\n\n\n<!-- Styles dynamiques pour les couleurs du th\u00e8me -->\n<style>\n    \/* Variables CSS dynamiques pour ce bloc *\/\n    .models-slider-block {\n        --theme-primary: #d31e1c;\n        --theme-primary-dark: #bf0a08;\n        --theme-primary-rgb: 211, 30, 28;\n    }\n\n    \/* Couleur principale du th\u00e8me *\/\n    .models-slider-block .bg-theme-primary { background-color: #d31e1c !important; }\n    .models-slider-block .text-theme-primary { color: #d31e1c !important; }\n    .models-slider-block .border-theme-primary { border-color: #d31e1c !important; }\n\n    \/* Couleur texte du th\u00e8me avec diff\u00e9rentes intensit\u00e9s *\/\n    .models-slider-block .text-theme-text-subtle { color: #4b5563 !important; opacity: 0.5; }\n    .models-slider-block .text-theme-text-light { color: #4b5563 !important; opacity: 0.7; }\n    .models-slider-block .text-theme-text { color: #4b5563 !important; opacity: 0.85; }\n    .models-slider-block .text-theme-text-dark { color: #4b5563 !important; opacity: 1; }\n\n    \/* Badge avec couleur primaire *\/\n    .models-slider-block .badge-theme {\n        background-color: #d31e1c1a !important;\n        color: #d31e1c !important;\n    }\n\n    \/* Bouton avec couleur primaire *\/\n    .models-slider-block .btn-theme-primary {\n        background-color: #d31e1c !important;\n        color: white !important;\n    }\n    .models-slider-block .btn-theme-primary:hover {\n        background-color: #d31e1c !important;\n        filter: brightness(0.9);\n    }\n\n    \/* Bouton dans la modal - surcharge le CSS global *\/\n    #hs-slider-test-drive-modal button[type=\"submit\"],\n    #hs-slider-test-drive-modal .btn-theme-primary {\n        background-color: #d31e1c !important;\n        color: white !important;\n    }\n    #hs-slider-test-drive-modal button[type=\"submit\"]:hover,\n    #hs-slider-test-drive-modal .btn-theme-primary:hover {\n        background-color: #d31e1c !important;\n        filter: brightness(0.9);\n    }\n\n    \/* Emp\u00eacher les ic\u00f4nes d'\u00eatre en italique *\/\n    .models-slider-block i,\n    .models-slider-block .fa-solid,\n    .models-slider-block .fa-regular,\n    #hs-slider-test-drive-modal i,\n    #hs-slider-test-drive-modal .fa-solid,\n    #hs-slider-test-drive-modal .fa-regular {\n        font-style: normal !important;\n    }\n\n    \/* Barre de progression avec couleur primaire *\/\n    .models-slider-block .progress-theme {\n        background: linear-gradient(to right, #d31e1c, #d31e1ccc) !important;\n    }\n<\/style>\n\n\n<div class=\"models-slider-block\">\n\n    \n    <!-- Conteneur principal - DESIGN IDENTIQUE -->\n    <div class=\"relative w-full my-12\">\n        \n        <!-- Wrapper avec padding pour les fl\u00e8ches - DESIGN IDENTIQUE -->\n        <div class=\"overflow-hidden relative pb-[25px] px-[15px]\">\n            \n            <!-- Conteneur des slides - RENDU PHP DIRECT -->\n            <div class=\"models-container-new overflow-hidden pb-8 w-full max-w-full\">\n                <div class=\"models-track flex transition-transform duration-500 ease-out\" style=\"transform: translateX(0%);\">\n\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"no-category\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">DS 250<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">6 399 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-DS-250-300x218.png\" alt=\"DS 250\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-DS-250\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-DS-250.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">6 399 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/vehicules-tout-terrain-junior\/ds.html#250\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"DS 250\"\n                                                data-price=\"6399\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"31\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander 6X6 Backcountry 1000 T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">22 749 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-6x6-Backcountry-1000-T-300x218.png\" alt=\"Outlander 6X6 Backcountry 1000 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-6&#215;6-Backcountry-1000-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-6x6-Backcountry-1000-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">22 749 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-6x6.html#backcountry-1000-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander 6X6 Backcountry 1000 T\"\n                                                data-price=\"22749\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"31\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander MAX 6X6 DPS 850 T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">20 799 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-MAX-6X6-DPS-850-T-300x218.png\" alt=\"Outlander MAX 6X6 DPS 850 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-MAX-6X6-DPS-850-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-MAX-6X6-DPS-850-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">20 799 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-6x6.html#outlander-max-6x6-dps-850-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander MAX 6X6 DPS 850 T\"\n                                                data-price=\"20799\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"31\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander MAX 6X6 Backcountry 1000 T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">23 749 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-MAX-6X6-1000-T-300x218.png\" alt=\"Outlander MAX 6X6 Backcountry 1000 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-MAX-6X6-1000-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-MAX-6X6-1000-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">23 749 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-6x6.html#outlander-max-6x6-backcountry-1000-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander MAX 6X6 Backcountry 1000 T\"\n                                                data-price=\"23749\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"31\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander 6X6 DPS 850 T<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">6 roues<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">19 899 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-6x6-DPS-850-T-300x218.png\" alt=\"Outlander 6X6 DPS 850 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-6&#215;6-DPS-850-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-6x6-DPS-850-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">19 899 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-6x6.html#dps-850-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander 6X6 DPS 850 T\"\n                                                data-price=\"19899\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"31\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander MAX 6X6 DPS 700 T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">18 499 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-MAX-6X6-DPS-700-T-300x218.png\" alt=\"Outlander MAX 6X6 DPS 700 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-MAX-6X6-DPS-700-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-MAX-6X6-DPS-700-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">18 499 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-6x6.html#outlander-max-6x6-dps-700-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander MAX 6X6 DPS 700 T\"\n                                                data-price=\"18499\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"31\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander 6X6 DPS 700 T<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">6 roues<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">17 499 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-6X6-DPS-700-T-300x218.png\" alt=\"Outlander 6X6 DPS 700 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Outlander-6X6-DPS-700-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-6X6-DPS-700-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">17 499 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-6x6.html#dps-700-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander 6X6 DPS 700 T\"\n                                                data-price=\"17499\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"10\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander 6&#215;6<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Nouveau<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">17 499 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-6X6-300x218.png\" alt=\"Outlander 6x6\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Outlander-6X6\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-6X6.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">17 499 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-6x6.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander 6x6\"\n                                                data-price=\"17499\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"30\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander MAX Electric T<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">\u00c9lectrique<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">18 579 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-MAX-Electric-T-300x218.png\" alt=\"Outlander MAX Electric T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Outlander-MAX-Electric-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-MAX-Electric-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">18 579 \u20ac<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Autonomie max.<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">75 km<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-electric.html#outlander-max-electric-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander MAX Electric T\"\n                                                data-price=\"18579\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"30\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander Electric T<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">\u00c9lectrique<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">17 679 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-Electric-T-300x218.png\" alt=\"Outlander Electric T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Outlander-Electric-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-Electric-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">17 679 \u20ac<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Autonomie max.<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">75 km<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-electric.html#t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander Electric T\"\n                                                data-price=\"17679\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"10\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander Electric<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Nouveau<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">17 679 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-Electric-300x218.png\" alt=\"Outlander Electric\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Outlander-Electric\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-Electric.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">17 679 \u20ac<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Autonomie max.<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">75 km<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-electric.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander Electric\"\n                                                data-price=\"17679\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"18\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Origin Standard<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Tout-terrain<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">13 599 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Origin-Standard-300x218.png\" alt=\"Origin Standard\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Origin-Standard\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Origin-Standard.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">13 599 \u20ac<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Acc\u00e9l\u00e9ration<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">4,3s<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Autonomie max.<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">145 km<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/motos\/origin.html#origin\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Origin Standard\"\n                                                data-price=\"13599\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"19\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Pulse Standard<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Urbain<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">12 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Pulse-Standard-300x218.png\" alt=\"Pulse Standard\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Pulse-Standard\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Pulse-Standard.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">12 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Acc\u00e9l\u00e9ration<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">3,8s<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Autonomie max.<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">160 km<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/motos\/pulse.html#pulse\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Pulse Standard\"\n                                                data-price=\"12999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"18\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Origin&#039;73<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">15 799 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/09\/Origin-73-2025-300x218.png\" alt=\"Origin&#039;73\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Origin 73 2025\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/09\/Origin-73-2025.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">15 799 \u20ac<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Acc\u00e9l\u00e9ration<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">4,3s<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Autonomie max.<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">145 km<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/motos\/origin.html#origin--73\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Origin&#039;73\"\n                                                data-price=\"15799\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"19\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Pulse &#039;73<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">15 299 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/09\/Pulse-73-2025-300x218.png\" alt=\"Pulse &#039;73\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Pulse 73 2025\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/09\/Pulse-73-2025.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">15 299 \u20ac<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Acc\u00e9l\u00e9ration<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">3,8s<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Autonomie max.<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">160 km<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/motos\/pulse.html#pulse--73\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Pulse &#039;73\"\n                                                data-price=\"15299\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"12\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Origin<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Tout-terrain<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">13 599 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Origin-2025-300x218.png\" alt=\"Origin\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Origin 2025\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Origin-2025.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">13 599 \u20ac<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Acc\u00e9l\u00e9ration<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">4,3s<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Autonomie max.<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">145 km<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/motos\/origin.html#origin\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Origin\"\n                                                data-price=\"13599\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"12\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Pulse<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Urbain<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">12 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Pulse-2025-300x218.png\" alt=\"Pulse\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Pulse 2025\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Pulse-2025.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">12 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Acc\u00e9l\u00e9ration<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">3,8s<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Autonomie max.<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">160 km<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/motos\/pulse.html#pulse\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Pulse\"\n                                                data-price=\"12999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"17\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Canyon Redrock<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">34 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-Canyon-Redrock-300x218.png\" alt=\"Canyon Redrock\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SPYDER-Canyon-Redrock\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-Canyon-Redrock.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">34 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/canyon.html#canyon-redrock\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Canyon Redrock\"\n                                                data-price=\"34999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"17\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Canyon XT<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">32 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-Canyon-XT-300x218.png\" alt=\"Canyon XT\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SPYDER-Canyon-XT\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-Canyon-XT.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">32 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/canyon.html#canyon-xt\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Canyon XT\"\n                                                data-price=\"32999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"11\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Canyon<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">27 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-Canyon-300x218.png\" alt=\"Canyon\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SPYDER-Canyon\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-Canyon.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">27 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/canyon.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Canyon\"\n                                                data-price=\"27999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"16\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Spyder RT Sea-to-Sky<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">36 399 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-RT-SEA-TO-SKY-300x218.png\" alt=\"Spyder RT Sea-to-Sky\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SPYDER-RT-SEA TO SKY\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-RT-SEA-TO-SKY.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">36 399 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/spyder-rt.html#spyder-rt-sea-to-sky\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Spyder RT Sea-to-Sky\"\n                                                data-price=\"36399\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"16\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Spyder RT Limited<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">34 499 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-RT-Limited-300x218.png\" alt=\"Spyder RT Limited\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SPYDER-RT-Limited\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-RT-Limited.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">34 499 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/spyder-rt.html#spyder-rt-limited\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Spyder RT Limited\"\n                                                data-price=\"34499\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"11\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Spyder RT<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">34 499 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-RT-300x218.png\" alt=\"Spyder RT\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SPYDER-RT\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-RT.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">34 499 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/spyder-rt.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Spyder RT\"\n                                                data-price=\"34499\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"15\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Spyder F3 Limited Special Series<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">33 699 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-F3-Limited-Special-Series-300x218.png\" alt=\"Spyder F3 Limited Special Series\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SPYDER-F3-Limited-Special-Series\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-F3-Limited-Special-Series.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">33 699 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/spyder-f3.html#spyder-f3-limited-special-series\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Spyder F3 Limited Special Series\"\n                                                data-price=\"33699\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"15\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Spyder F3 Limited<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">31 699 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-F3-T-300x218.png\" alt=\"Spyder F3 Limited\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SPYDER-F3-Limited\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-F3-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">31 699 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/spyder-f3.html#spyder-f3-limited\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Spyder F3 Limited\"\n                                                data-price=\"31699\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"15\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Spyder F3-T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">28 599 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-F3-T-300x218.png\" alt=\"Spyder F3-T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SPYDER-F3-Limited\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-F3-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">28 599 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/spyder-f3.html#spyder-f3-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Spyder F3-T\"\n                                                data-price=\"28599\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"15\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Spyder F3-S<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">26 499 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-F3-S-300x218.png\" alt=\"Spyder F3-S\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SPYDER-F3-S\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-F3-S.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">26 499 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/spyder-f3.html#spyder-f3-s\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Spyder F3-S\"\n                                                data-price=\"26499\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"11\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Spyder F3<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">26 499 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-SPYDER-F3-2026-300x218.png\" alt=\"Spyder F3\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Can-Am-SPYDER-F3-2026\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-SPYDER-F3-2026.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">26 499 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/spyder-f3.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Spyder F3\"\n                                                data-price=\"26499\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"14\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Ryker Rally<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">16 799 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Ryker-Rally-900-300x218.png\" alt=\"Ryker Rally\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Ryker-Rally-900\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Ryker-Rally-900.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">16 799 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/ryker.html#ryker-rally\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Ryker Rally\"\n                                                data-price=\"16799\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"14\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Ryker Sport<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">14 899 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Ryker-Sport-900-300x218.png\" alt=\"Ryker Sport\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Ryker-Sport-900\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Ryker-Sport-900.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">14 899 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/ryker.html#ryker-sport\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Ryker Sport\"\n                                                data-price=\"14899\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"14\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Ryker Standard<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">11 099 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Ryker-Standard-600-300x218.png\" alt=\"Ryker Standard\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Ryker-Standard-600\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Ryker-Standard-600.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">11 099 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/ryker.html#ryker\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Ryker Standard\"\n                                                data-price=\"11099\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"11\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Ryker<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">11 099 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Ryker-2026-300x218.png\" alt=\"Ryker\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Can-Am Ryker 2026\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Ryker-2026.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">11 099 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/ryker.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Ryker\"\n                                                data-price=\"11099\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"13\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">DS<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">6 399 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-DS-250-300x218.png\" alt=\"DS\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-DS-250\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-DS-250.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">6 399 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/vehicules-tout-terrain-junior\/ds.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"DS\"\n                                                data-price=\"6399\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"13\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Renegade EFI<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">4 799 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Renegade-70EFI-300x218.png\" alt=\"Renegade EFI\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-ATV-Renegade-70EFI\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Renegade-70EFI.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">4 799 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/vehicules-tout-terrain-junior\/renegade-efi.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Renegade EFI\"\n                                                data-price=\"4799\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"10\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Renegade<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Loisir<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">15 499 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Renegade-300x218.png\" alt=\"Renegade\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-ATV-Can-Am-Renegade\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Renegade.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">15 499 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/sport\/renegade.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Renegade\"\n                                                data-price=\"15499\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"10\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander 850\/1000R<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Loisir\/Comp\u00e9tition<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">16 499 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-850-1000R-300x218.png\" alt=\"Outlander 850\/1000R\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-850-1000R\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-850-1000R.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">16 499 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/recreatif\/outlander-850-1000r.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander 850\/1000R\"\n                                                data-price=\"16499\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"28\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander MAX XT 700<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">14 699 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-MAX-XT-700-300x218.png\" alt=\"Outlander MAX XT 700\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-ATV-Can-Am-Outlander-MAX-XT-700\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-MAX-XT-700.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">14 699 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/recreatif\/outlander-500-700.html#outlander-max-xt-700\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander MAX XT 700\"\n                                                data-price=\"14699\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"28\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander X MR 700<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">13 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-X-MR-700-300x218.png\" alt=\"Outlander X MR 700\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-ATV-Can-Am-Outlander-X-MR-700\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-X-MR-700.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">13 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/recreatif\/outlander-500-700.html#outlander-x-mr-700\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander X MR 700\"\n                                                data-price=\"13999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"28\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander MAX DPS 500\/700 T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">11 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-MAX-DPS-500-700-T-300x218.png\" alt=\"Outlander MAX DPS 500\/700 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-ATV-Can-Am-Outlander-MAX-DPS-500-700-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-MAX-DPS-500-700-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">11 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/recreatif\/outlander-500-700.html#outlander-max-dps-500-700-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander MAX DPS 500\/700 T\"\n                                                data-price=\"11999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"28\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander DPS 500\/700 T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">10 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-DPS-500-700-T-300x218.png\" alt=\"Outlander DPS 500\/700 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-ATV-Can-Am-Outlander-DPS-500-700-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-DPS-500-700-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">10 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/recreatif\/outlander-500-700.html#outlander-dps-500-700-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander DPS 500\/700 T\"\n                                                data-price=\"10999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"10\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander 500\/700<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Loisir\/Travail<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">10 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-500-700-300x218.png\" alt=\"Outlander 500\/700\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-ATV-Can-Am-Outlander-500-700\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-500-700.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">10 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/recreatif\/outlander-500-700.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander 500\/700\"\n                                                data-price=\"10999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"26\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander MAX PRO XU HD8\/HD10 T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">17 099 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO-MAX-XU-HD8-HD10-T-300x218.png\" alt=\"Outlander MAX PRO XU HD8\/HD10 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-PRO-MAX-XU-HD8-HD10-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO-MAX-XU-HD8-HD10-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">17 099 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-pro.html#outlander-max-pro-xu-hd8-hd10-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander MAX PRO XU HD8\/HD10 T\"\n                                                data-price=\"17099\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"26\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander MAX PRO XU HD7 T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">13 399 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO-MAX-XU-HD7-T-300x218.png\" alt=\"Outlander MAX PRO XU HD7 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-PRO-MAX-XU-HD7-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO-MAX-XU-HD7-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">13 399 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-pro.html#outlander-max-pro-xu-hd7-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander MAX PRO XU HD7 T\"\n                                                data-price=\"13399\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"26\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander PRO XU HD7 ABS T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">13 199 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO-XU-HD7-ABS-T-300x218.png\" alt=\"Outlander PRO XU HD7 ABS T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-PRO-XU-HD7-ABS-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO-XU-HD7-ABS-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">13 199 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-pro.html#xu-hd7-abs-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander PRO XU HD7 ABS T\"\n                                                data-price=\"13199\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"26\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander PRO XU HD5\/HD7 T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">12 199 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-PRO-XU-HD5-HD7-T-300x218.png\" alt=\"Outlander PRO XU HD5\/HD7 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Outlander-PRO-XU-HD5-HD7-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-PRO-XU-HD5-HD7-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">12 199 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-pro.html#xu-hd5-hd7-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander PRO XU HD5\/HD7 T\"\n                                                data-price=\"12199\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"26\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander PRO HD5 T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">9 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO-HD5-T-300x218.png\" alt=\"Outlander PRO HD5 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-PRO-HD5-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO-HD5-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">9 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-pro.html#hd5-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander PRO HD5 T\"\n                                                data-price=\"9999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"10\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Outlander Pro<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Travail<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">9 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO-300x218.png\" alt=\"Outlander Pro\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-PRO\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">9 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-pro.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander Pro\"\n                                                data-price=\"9999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"25\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Maverick R MAX X RS<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">56 399 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Maverick-R-MAX-X-RS-300x218.png\" alt=\"Maverick R MAX X RS\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Maverick-R-MAX-X-RS\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Maverick-R-MAX-X-RS.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">56 399 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/sport\/maverick-r.html#max-x-rs\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick R MAX X RS\"\n                                                data-price=\"56399\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"25\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Maverick R X RC<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">58 699 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Maverick-R-X-RC-300x218.png\" alt=\"Maverick R X RC\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Maverick-R-X-RC\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Maverick-R-X-RC.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">58 699 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/sport\/maverick-r.html#x-rc\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick R X RC\"\n                                                data-price=\"58699\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"25\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Maverick R X RS<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">52 199 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Maverick-R-X-RS-300x218.png\" alt=\"Maverick R X RS\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Maverick-R-X-RS\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Maverick-R-X-RS.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">52 199 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/sport\/maverick-r.html#x-rs\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick R X RS\"\n                                                data-price=\"52199\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"9\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Maverick R<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Loisir\/Comp\u00e9tition<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">52 199 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Maverick-R-2026-300x218.png\" alt=\"Maverick R\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Can-Am-Maverick-R-2026\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Maverick-R-2026.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">52 199 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/sport\/maverick-r.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick R\"\n                                                data-price=\"52199\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"24\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Maverick MAX X RS Turbo RR<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">44 199 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-X3-MAX-X-RS-TURBO-RR-300x218.png\" alt=\"Maverick MAX X RS Turbo RR\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SSV-Maverick-X3-MAX-X-RS-TURBO-RR\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-X3-MAX-X-RS-TURBO-RR.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">44 199 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/sport\/maverick.html#max-x-rs-turbo-rr\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick MAX X RS Turbo RR\"\n                                                data-price=\"44199\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"24\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Maverick X RC Turbo RR 72<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">41 599 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-X3-X-RC-TURBO-RR-72-300x218.png\" alt=\"Maverick X RC Turbo RR 72\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SSV-Maverick-X3-X-RC-TURBO-RR-72\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-X3-X-RC-TURBO-RR-72.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">41 599 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/sport\/maverick.html#x-rc-turbo-rr-72\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick X RC Turbo RR 72\"\n                                                data-price=\"41599\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"24\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Maverick X RS Turbo RR<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">40 199 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-X3-RS-TURBO-RR-300x218.png\" alt=\"Maverick X RS Turbo RR\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SSV-Maverick-X3-RS-TURBO-RR\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-X3-RS-TURBO-RR.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">40 199 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/sport\/maverick.html#x-rs-turbo-rr\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick X RS Turbo RR\"\n                                                data-price=\"40199\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"24\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Maverick DS Turbo RR<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">29 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-X3-DS-TURBO-RR-300x218.png\" alt=\"Maverick DS Turbo RR\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SSV-Maverick-X3-DS-TURBO-RR\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-X3-DS-TURBO-RR.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">29 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/sport\/maverick.html#ds-turbo-rr\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick DS Turbo RR\"\n                                                data-price=\"29999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"9\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Maverick<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Loisir\/Comp\u00e9tition<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">29 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Maverick-2026-300x218.png\" alt=\"Maverick\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Can-Am-Maverick-2026\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Maverick-2026.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">29 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/sport\/maverick.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick\"\n                                                data-price=\"29999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"21\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Maverick Sport MAX DPS T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">23 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-Sport-MAX-DPS-T-1000R-300x218.png\" alt=\"Maverick Sport MAX DPS T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SSV-Maverick-Sport-MAX-DPS-T-1000R\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-Sport-MAX-DPS-T-1000R.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">23 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/recreatif\/maverick-sport.html#max-dps-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick Sport MAX DPS T\"\n                                                data-price=\"23999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"21\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Maverick Sport DPS T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">21 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-Sport-DPS-T-1000R-300x218.png\" alt=\"Maverick Sport DPS T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SSV-Maverick-Sport-DPS-T-1000R\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-Sport-DPS-T-1000R.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">21 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/recreatif\/maverick-sport.html#dps-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick Sport DPS T\"\n                                                data-price=\"21999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"9\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Maverick Sport<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Loisir<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">21 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Maverick-Sport-2026-300x218.png\" alt=\"Maverick Sport\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Can-Am-Maverick-Sport-2026\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Maverick-Sport-2026.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">21 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/recreatif\/maverick-sport.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick Sport\"\n                                                data-price=\"21999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"22\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Traxter 6&#215;6 DPS<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">25 399 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-6x6-DPS-HD10-300x218.png\" alt=\"Traxter 6x6 DPS\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"SSV-MY26-Traxter-6&#215;6-DPS-HD10\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-6x6-DPS-HD10.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">25 399 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/utilitaire-recreatif\/traxter.html#6x6-dps\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Traxter 6x6 DPS\"\n                                                data-price=\"25399\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"22\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Traxter PRO XU T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">27 699 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-PRO-XU-T-HD10-300x218.png\" alt=\"Traxter PRO XU T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"SSV-MY26-Traxter-PRO-XU-T-HD10\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-PRO-XU-T-HD10.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">27 699 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/utilitaire-recreatif\/traxter.html#pro-xu-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Traxter PRO XU T\"\n                                                data-price=\"27699\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"22\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Traxter XU ABS T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">24 499 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-XU-ABS-T-HD9-300x218.png\" alt=\"Traxter XU ABS T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"SSV-MY26-Traxter-XU-ABS-T-HD9\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-XU-ABS-T-HD9.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">24 499 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/utilitaire-recreatif\/traxter.html#xu-abs-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Traxter XU ABS T\"\n                                                data-price=\"24499\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"22\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Traxter XU T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">20 799 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-XU-T-HD7-300x218.png\" alt=\"Traxter XU T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"SSV-MY26-Traxter-XU-T-HD7\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-XU-T-HD7.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">20 799 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/utilitaire-recreatif\/traxter.html#xu-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Traxter XU T\"\n                                                data-price=\"20799\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"22\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Traxter T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">16 799 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-T-HD7-300x218.png\" alt=\"Traxter T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"SSV-MY26-Traxter-T-HD7\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-T-HD7.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">16 799 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/utilitaire-recreatif\/traxter.html#t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Traxter T\"\n                                                data-price=\"16799\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"23\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Traxter MAX XU HD11 T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">30 199 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-MAX-XU-HD11-T-300x218.png\" alt=\"Traxter MAX XU HD11 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"SSV-MY26-Traxter-MAX-XU-HD11-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-MAX-XU-HD11-T.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">30 199 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/utilitaire-recreatif\/traxter-hd11.html#traxter-max-xu-hd11-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Traxter MAX XU HD11 T\"\n                                                data-price=\"30199\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"23\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Traxter XU HD11 T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">27 499 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-XU-HD11-TR-ABS-300x218.png\" alt=\"Traxter XU HD11 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"SSV-MY26-Traxter-XU-HD11-TR-ABS\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-XU-HD11-TR-ABS.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">27 499 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/utilitaire-recreatif\/traxter-hd11.html#traxter-xu-hd11-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Traxter XU HD11 T\"\n                                                data-price=\"27499\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"9\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Traxter HD11<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Utilitaire (Nouveau)<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">27 499 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Traxter-XU-HD11-2026-300x218.png\" alt=\"Traxter HD11\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Can-Am-Traxter-XU-HD11-2026\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Traxter-XU-HD11-2026.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">27 499 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/utilitaire-recreatif\/traxter-hd11.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Traxter HD11\"\n                                                data-price=\"27499\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"9\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Traxter<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Utilitaire<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">16 799 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Traxter-2026-300x218.png\" alt=\"Traxter\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Can-Am-Traxter-2026\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Traxter-2026.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">16 799 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/utilitaire-recreatif\/traxter.html\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Traxter\"\n                                                data-price=\"16799\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"20\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Maverick Trail T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">15 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/ORV-MY26-SSV-Maverick-Trail-T-700-Catalyst-Grey-300x218.png\" alt=\"Maverick Trail T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"ORV-MY26-SSV-Maverick-Trail-T-700-Catalyst-Grey\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/ORV-MY26-SSV-Maverick-Trail-T-700-Catalyst-Grey.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">15 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/recreatif\/maverick-trail.html#t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick Trail T\"\n                                                data-price=\"15999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"20\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Maverick Trail DPS T<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">17 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/ORV-MY26-SSV-Maverick-Trail-DPS-T-700-Triple-Black-300x218.png\" alt=\"Maverick Trail DPS T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"ORV-MY26-SSV-Maverick-Trail-DPS-T-700-Triple-Black\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/ORV-MY26-SSV-Maverick-Trail-DPS-T-700-Triple-Black.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">17 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/recreatif\/maverick-trail.html#dps-t\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick Trail DPS T\"\n                                                data-price=\"17999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"9\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Maverick Trail<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Loisir<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">15 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-Trail-300x218.png\" alt=\"Maverick Trail\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SSV-Maverick-Trail\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-Trail.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">15 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/groupe-grim.com\/can-am\/gamme-ssv\/maverick-trail\/\" class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\" style=\"background-color: #d31e1c;\">\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick Trail\"\n                                                data-price=\"15999\"\n                                                data-version=\"\"\n                                                data-brand-color=\"#d31e1c\"\n                                                >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                        \n                <\/div>\n            <\/div>\n        <\/div>\n        \n                <!-- Navigation DESIGN IDENTIQUE avec vos fl\u00e8ches SVG -->\n        <div class=\"models-navigation flex items-center justify-between mt-8 px-5 relative z-[150] pointer-events-auto\">\n\n            <!-- Barre de progression - DESIGN IDENTIQUE -->\n            <div class=\"flex-1 mx-5 relative z-[149]\">\n                <div class=\"h-[3px] bg-gray-200 rounded-full overflow-hidden relative\">\n                    <div class=\"models-progress-fill h-full progress-theme rounded-full transition-all duration-600 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] w-0\"><\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Boutons avec VOS fl\u00e8ches SVG - DESIGN IDENTIQUE -->\n            <div class=\"flex gap-2 relative z-[151] pointer-events-auto\">\n                <button class=\"models-nav-button models-prev w-12 h-12 min-w-[48px] min-h-[48px] md:w-12 md:h-12 rounded-full flex items-center justify-center cursor-pointer transition-all duration-[400ms] ease-out opacity-50 relative z-[152] hover:opacity-100 hover:scale-105 active:scale-95 pointer-events-auto select-none\"\n                        aria-label=\"Mod\u00e8le pr\u00e9c\u00e9dent\" disabled>\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/themes\/grim\/assets\/img\/arrow-left.svg\"\n                         alt=\"Pr\u00e9c\u00e9dent\"\n                         class=\"arrow-icon w-6 h-6 min-w-[24px] min-h-[24px] block transition-all duration-300 opacity-90 object-contain pointer-events-none\"\n                         width=\"24\"\n                         height=\"24\">\n                <\/button>\n\n                <button class=\"models-nav-button models-next w-12 h-12 min-w-[48px] min-h-[48px] md:w-12 md:h-12 rounded-full flex items-center justify-center cursor-pointer transition-all duration-[400ms] ease-out opacity-80 relative z-[152] hover:opacity-100 hover:scale-105 active:scale-95 pointer-events-auto select-none\"\n                        aria-label=\"Mod\u00e8le suivant\">\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/themes\/grim\/assets\/img\/arrow-right.svg\"\n                         alt=\"Suivant\"\n                         class=\"arrow-icon w-6 h-6 min-w-[24px] min-h-[24px] block transition-all duration-300 opacity-90 object-contain pointer-events-none\"\n                         width=\"24\"\n                         height=\"24\">\n                <\/button>\n            <\/div>\n        <\/div>\n                \n    <\/div>\n    \n    <!-- Donn\u00e9es pour JavaScript -->\n    <script type=\"application\/json\" class=\"models-slider-config\">\n        {\n            \"totalModels\": 71,\n            \"visibleCards\": {\n                \"mobile\": 1,\n                \"tablet\": 2,\n                \"desktop\": 3,\n                \"large\": 4\n            }\n        }\n    <\/script>\n\n    <!-- Donn\u00e9es AJAX pour le formulaire test-drive int\u00e9gr\u00e9 -->\n    <script>\n        window.sliderTestDriveData = {\n            ajaxUrl: \"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-admin\\\/admin-ajax.php\",\n            nonce: \"adeaf88470\"        };\n\n        \/\/ R\u00e9initialiser Preline apr\u00e8s le chargement du DOM pour inclure notre modal\n        document.addEventListener('DOMContentLoaded', function() {\n            setTimeout(function() {\n                if (typeof HSStaticMethods !== 'undefined') {\n                    HSStaticMethods.autoInit();\n                    console.log('\u2705 Preline r\u00e9initialis\u00e9 pour le modal slider');\n                }\n            }, 500);\n        });\n    <\/script>\n\n    <!-- Modal Formulaire Test Drive Int\u00e9gr\u00e9 - Preline UI -->\n    <div id=\"hs-slider-test-drive-modal\"\n         class=\"hs-overlay hidden size-full fixed top-0 start-0 overflow-x-hidden overflow-y-auto\"\n         style=\"z-index: 2147483647 !important;\"\n         role=\"dialog\"\n         tabindex=\"-1\"\n         aria-labelledby=\"hs-slider-test-drive-modal-label\">\n        <div class=\"hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 mt-0 opacity-0 ease-out transition-all sm:max-w-lg sm:w-full m-3 sm:mx-auto min-h-[calc(100%-3.5rem)] flex items-center\">\n            <div class=\"w-full flex flex-col bg-white border shadow-sm rounded-xl pointer-events-auto dark:bg-neutral-900 dark:border-neutral-700\">\n            <!-- Header -->\n            <div class=\"flex justify-between items-center py-3 px-4 border-b dark:border-neutral-700\">\n                <h3 id=\"hs-slider-test-drive-modal-label\" class=\"font-bold text-gray-800 dark:text-white\">\n                    R\u00e9server un essai\n                <\/h3>\n                <button type=\"button\"\n                        class=\"size-8 inline-flex justify-center items-center gap-x-2 rounded-full border border-transparent bg-gray-100 text-gray-800 hover:bg-gray-200 focus:outline-none focus:bg-gray-200 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600\"\n                        aria-label=\"Close\"\n                        data-hs-overlay=\"#hs-slider-test-drive-modal\">\n                    <span class=\"sr-only\">Fermer<\/span>\n                    <svg class=\"shrink-0 size-4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"m18 6-12 12\"><\/path>\n                        <path d=\"m6 6 12 12\"><\/path>\n                    <\/svg>\n                <\/button>\n            <\/div>\n\n            <!-- Body -->\n            <div class=\"p-6 overflow-y-auto\">\n                <!-- R\u00e9capitulatif du mod\u00e8le -->\n                                <div id=\"slider-model-recap\" class=\"mb-4 p-3 rounded-lg border-l-4\" style=\"background-color: rgba(211, 30, 28, 0.05); border-left-color: #d31e1c;\">\n                    <div class=\"flex items-center gap-2\">\n                        <i class=\"fa-solid fa-car text-sm\" style=\"color: #d31e1c;\"><\/i>\n                        <span class=\"text-sm text-gray-600\">Mod\u00e8le :<\/span>\n                        <span id=\"slider-selected-model-name\" class=\"font-semibold text-gray-800\"><\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- Formulaire -->\n                <form id=\"slider-test-drive-form\" class=\"space-y-4\">\n                    <input type=\"hidden\" id=\"slider-model-input\" name=\"model\" value=\"\">\n                    <!-- Anti-bot : honeypot + timestamp -->\n                    <input type=\"text\" name=\"website_url\" style=\"display:none !important;position:absolute;left:-9999px;\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\">\n                    <input type=\"hidden\" name=\"form_timestamp\" value=\"1785023808\">\n\n                    \n                    <!-- Concession -->\n                    <div>\n                        <label class=\"block text-sm font-medium text-gray-700 mb-2\">\n                            Concession <span class=\"text-red-500\">*<\/span>\n                        <\/label>\n                                                                                <div class=\"p-3 bg-gray-50 rounded-lg border text-gray-800\">\n                                <i class=\"fa-solid fa-location-dot mr-2\"><\/i>\n                                Toulouse &#8211; Can-Am Toulouse                            <\/div>\n                            <input type=\"hidden\" name=\"dealership\" value=\"Toulouse - Can-Am Toulouse\">\n                                            <\/div>\n\n                    <!-- Pr\u00e9nom et Nom -->\n                    <div class=\"grid grid-cols-2 gap-4\">\n                        <div>\n                            <label class=\"block text-sm font-medium text-gray-700 mb-2\">\n                                Pr\u00e9nom <span class=\"text-red-500\">*<\/span>\n                            <\/label>\n                            <input type=\"text\" name=\"first_name\" required\n                                   class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2\"\n                                   placeholder=\"Jean\">\n                        <\/div>\n                        <div>\n                            <label class=\"block text-sm font-medium text-gray-700 mb-2\">\n                                Nom <span class=\"text-red-500\">*<\/span>\n                            <\/label>\n                            <input type=\"text\" name=\"last_name\" required\n                                   class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2\"\n                                   placeholder=\"Dupont\">\n                        <\/div>\n                    <\/div>\n\n                    <!-- Email -->\n                    <div>\n                        <label class=\"block text-sm font-medium text-gray-700 mb-2\">\n                            Email <span class=\"text-red-500\">*<\/span>\n                        <\/label>\n                        <input type=\"email\" name=\"email\" required\n                               class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2\"\n                               placeholder=\"jean.dupont@example.com\">\n                    <\/div>\n\n                    <!-- T\u00e9l\u00e9phone -->\n                    <div>\n                        <label class=\"block text-sm font-medium text-gray-700 mb-2\">\n                            T\u00e9l\u00e9phone <span class=\"text-red-500\">*<\/span>\n                        <\/label>\n                        <input type=\"tel\" name=\"phone\" required\n                               class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2\"\n                               placeholder=\"06 12 34 56 78\">\n                    <\/div>\n\n                    <!-- Politique de confidentialit\u00e9 -->\n                    <div class=\"flex items-start\">\n                        <div class=\"flex items-center h-5\">\n                            <input id=\"slider-privacy\" name=\"privacy\" type=\"checkbox\" required\n                                   class=\"w-4 h-4 border-gray-300 rounded\" style=\"color: #d31e1c;\">\n                        <\/div>\n                        <label for=\"slider-privacy\" class=\"ml-3 text-sm text-gray-700\">\n                            J&rsquo;accepte la <a href=\"https:\/\/groupe-grim.com\/rgpd\/\" class=\"hover:underline\" style=\"color: #d31e1c;\" target=\"_blank\">politique de confidentialit\u00e9<\/a> <span class=\"text-red-500\">*<\/span>\n                        <\/label>\n                    <\/div>\n\n                    <!-- Message de chargement -->\n                    <div id=\"slider-loading-message\" class=\"hidden text-center py-4\">\n                        <div class=\"inline-flex items-center\">\n                            <svg class=\"animate-spin -ml-1 mr-3 h-5 w-5\" style=\"color: #d31e1c;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n                                <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                                <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                            <\/svg>\n                            Envoi en cours&#8230;\n                        <\/div>\n                    <\/div>\n\n                    <!-- Bouton d'envoi -->\n                    <button type=\"submit\" id=\"slider-submit-btn\"\n                            class=\"w-full px-6 py-3 btn-theme-primary rounded-lg transition-all duration-300 font-semibold\">\n                        <i class=\"fa-solid fa-paper-plane mr-2\"><\/i>Envoyer ma demande d&rsquo;essai\n                    <\/button>\n                <\/form>\n\n                <!-- Message de succ\u00e8s (EN DEHORS du formulaire pour rester visible) -->\n                <div id=\"slider-success-message\" class=\"hidden text-center py-6\">\n                    <div class=\"bg-green-50 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4\">\n                        <i class=\"fa-solid fa-check text-2xl text-green-500\"><\/i>\n                    <\/div>\n                    <h4 class=\"text-lg font-bold mb-2 text-green-700\">Demande envoy\u00e9e !<\/h4>\n                    <p class=\"text-gray-600 text-sm\">\n                        Votre demande d&rsquo;essai a \u00e9t\u00e9 envoy\u00e9e avec succ\u00e8s.<br>\n                        Nous vous recontacterons rapidement pour confirmer votre rendez-vous.\n                    <\/p>\n                    <p class=\"text-xs text-gray-500 mt-3\">Cette fen\u00eatre se fermera automatiquement&#8230;<\/p>\n                <\/div>\n            <\/div>\n            <!-- End Body -->\n            <\/div>\n        <\/div>\n    <\/div>\n    <!-- End Modal -->\n\n    \n\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Charge utile et capacit\u00e9 de remorquage : quelle diff\u00e9rence ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Lorsqu&rsquo;on consulte la fiche technique d&rsquo;un quad, deux notions sont souvent mises en avant : la charge utile et la capacit\u00e9 de remorquage.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bien qu&rsquo;elles soient compl\u00e9mentaires, elles ne d\u00e9signent pas la m\u00eame chose.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">La charge utile<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">La charge utile correspond au poids que le v\u00e9hicule peut transporter directement sur ses porte-bagages ou \u00e0 bord.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Elle comprend notamment :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>le conducteur ;<\/li>\n\n\n\n<li>le passager \u00e9ventuel ;<\/li>\n\n\n\n<li>les accessoires install\u00e9s ;<\/li>\n\n\n\n<li>les \u00e9quipements et marchandises transport\u00e9s.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Cette donn\u00e9e est particuli\u00e8rement importante pour les professionnels qui utilisent leur quad comme v\u00e9hicule d&rsquo;intervention ou de travail.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">La capacit\u00e9 de remorquage<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">La capacit\u00e9 de remorquage correspond au poids maximal qu&rsquo;un quad peut tracter \u00e0 l&rsquo;aide d&rsquo;un attelage adapt\u00e9.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Elle concerne notamment :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>les remorques agricoles ;<\/li>\n\n\n\n<li>les remorques de transport ;<\/li>\n\n\n\n<li>les bennes ;<\/li>\n\n\n\n<li>les pulv\u00e9risateurs ;<\/li>\n\n\n\n<li>les \u00e9quipements forestiers.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Les quads utilitaires Can-Am comme l&rsquo;Outlander PRO ont \u00e9t\u00e9 d\u00e9velopp\u00e9s pour exceller dans ce type d&rsquo;utilisation gr\u00e2ce \u00e0 leur robustesse et \u00e0 leur couple moteur \u00e9lev\u00e9.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Pourquoi la capacit\u00e9 de remorquage est-elle un crit\u00e8re essentiel ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Pour de nombreux professionnels, le quad remplace aujourd&rsquo;hui des v\u00e9hicules plus encombrants pour certaines missions quotidiennes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Choisir un mod\u00e8le disposant d&rsquo;une capacit\u00e9 de remorquage adapt\u00e9e permet notamment :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>d&rsquo;am\u00e9liorer la productivit\u00e9 ;<\/li>\n\n\n\n<li>de limiter les d\u00e9placements ;<\/li>\n\n\n\n<li>de transporter davantage de mat\u00e9riel ;<\/li>\n\n\n\n<li>de travailler sur des terrains difficiles d&rsquo;acc\u00e8s ;<\/li>\n\n\n\n<li>de gagner en polyvalence tout au long de l&rsquo;ann\u00e9e.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">C&rsquo;est pr\u00e9cis\u00e9ment pour r\u00e9pondre \u00e0 ces besoins que des mod\u00e8les comme le Can-Am Outlander PRO HD5, Outlander PRO HD7 ou encore Outlander MAX PRO ont \u00e9t\u00e9 d\u00e9velopp\u00e9s, avec un objectif clair : offrir de v\u00e9ritables capacit\u00e9s utilitaires sans compromettre les performances tout-terrain.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Quels \u00e9l\u00e9ments influencent la capacit\u00e9 de remorquage d&rsquo;un quad ?<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">La capacit\u00e9 de remorquage d&rsquo;un quad ne d\u00e9pend pas uniquement du poids indiqu\u00e9 sur sa fiche technique. Plusieurs caract\u00e9ristiques m\u00e9caniques et techniques influencent directement les performances de traction du v\u00e9hicule.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Comprendre ces \u00e9l\u00e9ments permet de choisir un mod\u00e8le adapt\u00e9 \u00e0 ses besoins, mais \u00e9galement d&rsquo;utiliser son quad dans les meilleures conditions de s\u00e9curit\u00e9 et d&rsquo;efficacit\u00e9.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">La puissance et le couple moteur<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Lorsqu&rsquo;il s&rsquo;agit de remorquer une charge importante, le couple moteur joue un r\u00f4le essentiel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Contrairement \u00e0 la puissance maximale, qui influence principalement la vitesse de pointe, le couple permet au quad de d\u00e9placer une charge lourde d\u00e8s les bas r\u00e9gimes moteur. Plus le couple est \u00e9lev\u00e9, plus le v\u00e9hicule sera \u00e0 l&rsquo;aise pour d\u00e9marrer avec une remorque charg\u00e9e, gravir une pente ou \u00e9voluer sur un terrain difficile.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">C&rsquo;est notamment l&rsquo;une des forces des <strong><a href=\"https:\/\/groupe-grim.com\/can-am\/rotax\/\" data-type=\"post\" data-id=\"1291\">moteurs Rotax<\/a><\/strong> \u00e9quipant les quads Can-Am. D\u00e9velopp\u00e9s pour offrir des performances \u00e9lev\u00e9es tout en conservant une excellente fiabilit\u00e9, ils procurent la force n\u00e9cessaire aux travaux les plus exigeants.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les mod\u00e8les comme le Can-Am Outlander PRO HD7 ou le Can-Am Outlander XT-P 1000R b\u00e9n\u00e9ficient ainsi d&rsquo;une r\u00e9serve de puissance particuli\u00e8rement appr\u00e9ci\u00e9e lorsqu&rsquo;il s&rsquo;agit de tracter du mat\u00e9riel agricole, des remorques de transport ou des \u00e9quipements forestiers.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">La transmission et la motricit\u00e9<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La qualit\u00e9 de la transmission influence directement les capacit\u00e9s de traction d&rsquo;un quad.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sur un terrain sec et roulant, la plupart des v\u00e9hicules disposent d&rsquo;une adh\u00e9rence suffisante. En revanche, lorsque le terrain devient boueux, accident\u00e9 ou pentu, une transmission performante fait toute la diff\u00e9rence.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les syst\u00e8mes \u00e0 quatre roues motrices permettent de r\u00e9partir efficacement la puissance vers les roues qui disposent de la meilleure adh\u00e9rence.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les quads Can-Am sont notamment \u00e9quip\u00e9s du syst\u00e8me Visco-Lok ou Visco-4Lok selon les mod\u00e8les, permettant d&rsquo;optimiser automatiquement la motricit\u00e9 lorsque les conditions deviennent difficiles.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cette technologie se r\u00e9v\u00e8le particuli\u00e8rement utile lors du remorquage d&rsquo;une charge importante sur :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>des chemins agricoles ;<\/li>\n\n\n\n<li>des pistes foresti\u00e8res ;<\/li>\n\n\n\n<li>des terrains meubles ;<\/li>\n\n\n\n<li>des zones humides ou boueuses.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Le poids du quad<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Le poids du v\u00e9hicule joue \u00e9galement un r\u00f4le important dans sa capacit\u00e9 de traction.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un quad plus lourd b\u00e9n\u00e9ficie g\u00e9n\u00e9ralement d&rsquo;une meilleure stabilit\u00e9 lorsqu&rsquo;il tracte une remorque. Il limite les effets de balancement et am\u00e9liore le contr\u00f4le de l&rsquo;ensemble v\u00e9hicule-remorque.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cette caract\u00e9ristique devient particuli\u00e8rement int\u00e9ressante pour les utilisateurs professionnels qui travaillent quotidiennement avec des charges importantes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le Can-Am Outlander PRO, con\u00e7u pour les usages intensifs, b\u00e9n\u00e9ficie ainsi d&rsquo;un ch\u00e2ssis robuste et d&rsquo;une conception sp\u00e9cifiquement \u00e9tudi\u00e9e pour les travaux de traction et de transport.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Les suspensions et le ch\u00e2ssis<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La qualit\u00e9 des suspensions influence \u00e9galement les performances de remorquage.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un ch\u00e2ssis rigide et des suspensions adapt\u00e9es permettent de conserver une meilleure stabilit\u00e9 lorsque le quad \u00e9volue avec une remorque charg\u00e9e.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les mod\u00e8les Can-Am Outlander sont con\u00e7us pour absorber efficacement les irr\u00e9gularit\u00e9s du terrain tout en maintenant un excellent niveau de contr\u00f4le. Cette stabilit\u00e9 am\u00e9liore non seulement le confort de conduite, mais \u00e9galement la s\u00e9curit\u00e9 lors des op\u00e9rations de transport.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Le type de terrain utilis\u00e9<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Enfin, la capacit\u00e9 de remorquage r\u00e9elle d&rsquo;un quad d\u00e9pend toujours du terrain sur lequel il \u00e9volue.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une charge facilement tractable sur un chemin stabilis\u00e9 pourra devenir beaucoup plus contraignante sur :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>un terrain boueux ;<\/li>\n\n\n\n<li>une forte pente ;<\/li>\n\n\n\n<li>du sable ;<\/li>\n\n\n\n<li>des chemins forestiers accident\u00e9s.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">C&rsquo;est pourquoi les utilisateurs professionnels privil\u00e9gient souvent des mod\u00e8les capables de conserver un haut niveau de motricit\u00e9 quelles que soient les conditions rencontr\u00e9es.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les quads utilitaires Can-Am, qu&rsquo;il s&rsquo;agisse des Outlander PRO, Outlander MAX PRO ou Outlander 6&#215;6, ont pr\u00e9cis\u00e9ment \u00e9t\u00e9 d\u00e9velopp\u00e9s pour r\u00e9pondre \u00e0 ces contraintes et offrir des performances constantes sur tous les types de terrains.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Que peut-on remorquer avec un quad ?<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Gr\u00e2ce \u00e0 leur puissance, leur motricit\u00e9 et leur polyvalence, les quads modernes sont capables de tracter bien plus qu&rsquo;une simple remorque de loisirs. Dans de nombreux secteurs d&rsquo;activit\u00e9, ils constituent aujourd&rsquo;hui une alternative efficace \u00e0 des v\u00e9hicules plus encombrants, notamment lorsqu&rsquo;il faut intervenir sur des terrains difficiles d&rsquo;acc\u00e8s.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Agriculture, sylviculture, entretien des espaces verts ou activit\u00e9s outdoor : les possibilit\u00e9s d&rsquo;utilisation sont nombreuses, \u00e0 condition de choisir un mod\u00e8le adapt\u00e9 \u00e0 ses besoins.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Remorquer du mat\u00e9riel agricole<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Dans le monde agricole, le quad est devenu un alli\u00e9 pr\u00e9cieux pour de nombreuses t\u00e2ches quotidiennes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Gr\u00e2ce \u00e0 sa maniabilit\u00e9 et \u00e0 ses capacit\u00e9s de traction, il permet de d\u00e9placer rapidement du mat\u00e9riel sur l&rsquo;exploitation tout en limitant les d\u00e9placements en tracteur pour les travaux l\u00e9gers.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un quad utilitaire peut notamment remorquer :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>des remorques de fourrage ;<\/li>\n\n\n\n<li>des cl\u00f4tures mobiles ;<\/li>\n\n\n\n<li>des cuves de pulv\u00e9risation ;<\/li>\n\n\n\n<li>des \u00e9quipements d&rsquo;entretien des p\u00e2tures ;<\/li>\n\n\n\n<li>du petit mat\u00e9riel agricole ;<\/li>\n\n\n\n<li>des sacs d&rsquo;alimentation pour le b\u00e9tail.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Les mod\u00e8les <strong><a href=\"https:\/\/groupe-grim.com\/can-am\/vehicule\/outlander-pro-hd5-t-can-am\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/groupe-grim.com\/can-am\/vehicule\/outlander-pro-hd5-t-can-am\/\" rel=\"noreferrer noopener\">Can-Am Outlander PRO HD5<\/a><\/strong> et <strong><a href=\"https:\/\/groupe-grim.com\/can-am\/vehicule\/outlander-max-pro-xu-hd7-t-can-am\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/groupe-grim.com\/can-am\/vehicule\/outlander-max-pro-xu-hd7-t-can-am\/\" rel=\"noreferrer noopener\">Outlander PRO HD7<\/a><\/strong> ont \u00e9t\u00e9 sp\u00e9cifiquement d\u00e9velopp\u00e9s pour r\u00e9pondre \u00e0 ce type d&rsquo;utilisation. Leur robustesse, leur capacit\u00e9 de remorquage et leur confort de conduite en font des partenaires de choix pour les agriculteurs et les \u00e9leveurs.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Transporter du bois et du mat\u00e9riel forestier<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Les exploitants forestiers et les propri\u00e9taires de parcelles bois\u00e9es utilisent \u00e9galement les quads pour faciliter leurs travaux.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Gr\u00e2ce \u00e0 leur faible encombrement, ils peuvent acc\u00e9der \u00e0 des zones parfois inaccessibles aux v\u00e9hicules plus imposants tout en conservant une excellente capacit\u00e9 de traction.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ils permettent notamment de remorquer :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>du bois de chauffage ;<\/li>\n\n\n\n<li>des remorques foresti\u00e8res ;<\/li>\n\n\n\n<li>des tron\u00e7onneuses et \u00e9quipements d&rsquo;abattage ;<\/li>\n\n\n\n<li>du mat\u00e9riel de d\u00e9bardage l\u00e9ger ;<\/li>\n\n\n\n<li>des outils d&rsquo;entretien des chemins forestiers.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Pour ce type d&rsquo;utilisation, le Can-Am Outlander 6&#215;6 constitue une r\u00e9f\u00e9rence. Son architecture \u00e0 six roues motrices lui permet d&rsquo;\u00e9voluer dans des conditions particuli\u00e8rement difficiles tout en conservant une motricit\u00e9 optimale. Sur les terrains boueux, pentus ou accident\u00e9s, il offre un niveau de stabilit\u00e9 et de traction particuli\u00e8rement appr\u00e9ci\u00e9 des professionnels.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Entretenir des espaces verts et des grands domaines<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Les collectivit\u00e9s, paysagistes et gestionnaires de domaines utilisent de plus en plus les quads utilitaires pour l&rsquo;entretien quotidien des espaces ext\u00e9rieurs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Leur polyvalence permet de tracter diff\u00e9rents \u00e9quipements sans d\u00e9t\u00e9riorer les sols ni mobiliser des v\u00e9hicules plus lourds.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un quad peut ainsi remorquer :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>des remorques de d\u00e9chets verts ;<\/li>\n\n\n\n<li>des broyeurs ;<\/li>\n\n\n\n<li>des tondeuses tract\u00e9es ;<\/li>\n\n\n\n<li>des syst\u00e8mes d&rsquo;arrosage ;<\/li>\n\n\n\n<li>du mat\u00e9riel d&rsquo;\u00e9lagage ;<\/li>\n\n\n\n<li>des outils de maintenance.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Gr\u00e2ce \u00e0 leur confort et \u00e0 leur capacit\u00e9 d&#8217;emport, les mod\u00e8les Can-Am Outlander MAX sont particuli\u00e8rement adapt\u00e9s \u00e0 ces usages. Leur configuration deux places permet \u00e9galement de transporter un op\u00e9rateur suppl\u00e9mentaire lorsque les interventions n\u00e9cessitent un travail en bin\u00f4me.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Faciliter les activit\u00e9s de chasse et de loisirs<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Au-del\u00e0 des usages professionnels, les capacit\u00e9s de remorquage d&rsquo;un quad peuvent \u00e9galement \u00eatre mises \u00e0 profit dans le cadre des loisirs de plein air.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les chasseurs, p\u00eacheurs ou amateurs d&rsquo;activit\u00e9s outdoor utilisent r\u00e9guli\u00e8rement leur v\u00e9hicule pour transporter du mat\u00e9riel sur des terrains parfois difficiles d&rsquo;acc\u00e8s.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un quad peut notamment servir \u00e0 remorquer :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>une remorque de chasse ;<\/li>\n\n\n\n<li>du mat\u00e9riel de camping ;<\/li>\n\n\n\n<li>des \u00e9quipements de p\u00eache ;<\/li>\n\n\n\n<li>de petites embarcations ;<\/li>\n\n\n\n<li>du mat\u00e9riel sportif ou de randonn\u00e9e.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Les mod\u00e8les Can-Am Outlander XT et Outlander XT-P s\u00e9duisent particuli\u00e8rement les utilisateurs \u00e0 la recherche d&rsquo;un v\u00e9hicule polyvalent capable d&rsquo;allier performances tout-terrain, confort et capacit\u00e9s utilitaires.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Pourquoi les professionnels choisissent les quads Can-Am pour le remorquage ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La capacit\u00e9 de remorquage ne repose pas uniquement sur la puissance du moteur. Elle d\u00e9pend \u00e9galement de la qualit\u00e9 du ch\u00e2ssis, de la transmission, de la motricit\u00e9 et de la fiabilit\u00e9 du v\u00e9hicule dans le temps.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">C&rsquo;est pr\u00e9cis\u00e9ment sur ces crit\u00e8res que les quads Can-Am se distinguent.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Gr\u00e2ce \u00e0 leurs moteurs Rotax performants, leurs technologies de transmission avanc\u00e9es et leur conception robuste, les mod\u00e8les de la gamme Outlander r\u00e9pondent aux besoins des utilisateurs les plus exigeants.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Qu&rsquo;il s&rsquo;agisse d&rsquo;un Outlander PRO HD7 pour une exploitation agricole, d&rsquo;un Outlander MAX pour l&rsquo;entretien d&rsquo;un domaine ou d&rsquo;un Outlander 6&#215;6 pour les travaux forestiers les plus intensifs, chaque mod\u00e8le a \u00e9t\u00e9 con\u00e7u pour offrir une excellente capacit\u00e9 de traction tout en conservant les qualit\u00e9s de franchissement qui font la r\u00e9putation de la marque.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cette polyvalence explique pourquoi les quads Can-Am sont aujourd&rsquo;hui utilis\u00e9s quotidiennement dans de nombreux secteurs professionnels o\u00f9 fiabilit\u00e9, efficacit\u00e9 et productivit\u00e9 sont des crit\u00e8res essentiels.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Comment remorquer en toute s\u00e9curit\u00e9 avec un quad ?<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Les capacit\u00e9s de remorquage d&rsquo;un quad sont impressionnantes, mais il est essentiel de respecter certaines bonnes pratiques pour pr\u00e9server la s\u00e9curit\u00e9 du conducteur, du mat\u00e9riel transport\u00e9 et du v\u00e9hicule lui-m\u00eame.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un remorquage adapt\u00e9 permet non seulement d&rsquo;am\u00e9liorer le confort de conduite, mais \u00e9galement de limiter l&rsquo;usure m\u00e9canique et les risques d&rsquo;accident.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Respecter la capacit\u00e9 de remorquage recommand\u00e9e<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Chaque quad poss\u00e8de une capacit\u00e9 de remorquage maximale d\u00e9finie par le constructeur.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">D\u00e9passer cette limite peut entra\u00eener plusieurs cons\u00e9quences :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>une perte de stabilit\u00e9 ;<\/li>\n\n\n\n<li>une augmentation des distances de freinage ;<\/li>\n\n\n\n<li>une usure pr\u00e9matur\u00e9e de la transmission ;<\/li>\n\n\n\n<li>une d\u00e9t\u00e9rioration du ch\u00e2ssis ou de l&rsquo;attelage.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Avant chaque utilisation, il est donc important de v\u00e9rifier le poids total de la remorque et de son chargement afin de rester dans les limites pr\u00e9vues par le constructeur.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Utiliser un attelage adapt\u00e9<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">L&rsquo;attelage joue un r\u00f4le essentiel dans la s\u00e9curit\u00e9 du remorquage.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il doit \u00eatre parfaitement compatible avec :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>le mod\u00e8le de quad ;<\/li>\n\n\n\n<li>le poids tract\u00e9 ;<\/li>\n\n\n\n<li>le type de remorque utilis\u00e9.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Un attelage de mauvaise qualit\u00e9 ou mal install\u00e9 peut compromettre la stabilit\u00e9 de l&rsquo;ensemble et augmenter les risques de rupture ou de d\u00e9crochage.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">R\u00e9partir correctement la charge dans la remorque<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Une mauvaise r\u00e9partition du poids peut rendre la conduite difficile et d\u00e9stabiliser le quad.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pour optimiser la s\u00e9curit\u00e9 :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>les charges les plus lourdes doivent \u00eatre plac\u00e9es au centre de la remorque ;<\/li>\n\n\n\n<li>le chargement doit \u00eatre \u00e9quilibr\u00e9 entre la droite et la gauche ;<\/li>\n\n\n\n<li>les objets doivent \u00eatre correctement arrim\u00e9s afin d&rsquo;\u00e9viter tout d\u00e9placement pendant le trajet.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Une remorque bien charg\u00e9e am\u00e9liore la stabilit\u00e9 du v\u00e9hicule et facilite les man\u0153uvres.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Adapter sa conduite au poids transport\u00e9<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Un quad qui tracte une remorque ne r\u00e9agit pas de la m\u00eame mani\u00e8re qu&rsquo;un v\u00e9hicule seul.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il est recommand\u00e9 de :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>r\u00e9duire sa vitesse ;<\/li>\n\n\n\n<li>anticiper davantage les freinages ;<\/li>\n\n\n\n<li>\u00e9largir les trajectoires dans les virages ;<\/li>\n\n\n\n<li>\u00e9viter les changements brusques de direction.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Ces pr\u00e9cautions deviennent particuli\u00e8rement importantes lorsque le terrain est accident\u00e9 ou lorsque la remorque est fortement charg\u00e9e.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Tenir compte des conditions du terrain<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">M\u00eame avec un quad performant, certaines conditions peuvent compliquer le remorquage.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il convient d&rsquo;\u00eatre particuli\u00e8rement vigilant sur :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>les terrains boueux ;<\/li>\n\n\n\n<li>les fortes pentes ;<\/li>\n\n\n\n<li>les zones sableuses ;<\/li>\n\n\n\n<li>les chemins forestiers d\u00e9grad\u00e9s ;<\/li>\n\n\n\n<li>les surfaces glissantes.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Dans ces situations, r\u00e9duire la charge transport\u00e9e peut parfois \u00eatre pr\u00e9f\u00e9rable pour pr\u00e9server la s\u00e9curit\u00e9 et la motricit\u00e9 du v\u00e9hicule.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Entretenir r\u00e9guli\u00e8rement son quad et sa remorque<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Le remorquage sollicite fortement les composants m\u00e9caniques du v\u00e9hicule.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un entretien r\u00e9gulier permet de conserver des performances optimales et de limiter les risques de panne.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il est notamment recommand\u00e9 de contr\u00f4ler :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>les pneumatiques ;<\/li>\n\n\n\n<li>les freins ;<\/li>\n\n\n\n<li>les suspensions ;<\/li>\n\n\n\n<li>l&rsquo;attelage ;<\/li>\n\n\n\n<li>les \u00e9l\u00e9ments de transmission.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Une v\u00e9rification r\u00e9guli\u00e8re de la remorque et de ses points de fixation est \u00e9galement indispensable avant chaque utilisation.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Choisir un quad adapt\u00e9 \u00e0 son usage<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Enfin, le meilleur moyen de remorquer efficacement reste de choisir un v\u00e9hicule adapt\u00e9 aux charges que vous transportez r\u00e9guli\u00e8rement.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un quad sous-dimensionn\u00e9 sera rapidement limit\u00e9 dans ses capacit\u00e9s et subira une usure pr\u00e9matur\u00e9e. \u00c0 l&rsquo;inverse, un mod\u00e8le con\u00e7u pour le travail offrira davantage de confort, de s\u00e9curit\u00e9 et de s\u00e9r\u00e9nit\u00e9 au quotidien.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Prendre le temps d&rsquo;\u00e9valuer ses besoins est donc une \u00e9tape essentielle pour profiter pleinement des capacit\u00e9s de remorquage de son quad.<\/p>\n\n\n\n<!-- Styles dynamiques bas\u00e9s sur les couleurs du th\u00e8me -->\n<style>\n    \/* Utilisation de GrimCustomFont d\u00e9finie globalement avec fonts optimis\u00e9es *\/\n    #test-drive-6a654d4075574 {\n                font-family: system-ui, sans-serif;\n            }\n\n    #test-drive-6a654d4075574 h2,\n    #test-drive-6a654d4075574 h3 {\n        color: #1f2937;\n                font-family: system-ui, sans-serif;\n        font-weight: 700;\n            }\n\n    #test-drive-6a654d4075574 .separator-bar {\n        background-color: #d31e1c;\n    }\n\n    #test-drive-6a654d4075574 .btn-primary {\n        background-color: #000000;\n        border-color: #000000;\n    }\n\n    #test-drive-6a654d4075574 .btn-primary:hover {\n        background-color: #333333;\n        opacity: 0.9;\n    }\n\n    #test-drive-6a654d4075574 .btn-secondary {\n        border-color: #000000;\n        color: #000000;\n    }\n\n    #test-drive-6a654d4075574 .btn-secondary:hover {\n        background-color: #00000010;\n    }\n\n    #test-drive-6a654d4075574 .text-primary {\n        color: #4b5563;\n    }\n\n    #test-drive-6a654d4075574 .test-drive-progress-bar-fill {\n        background-color: #d31e1c;\n    }\n\n    #test-drive-6a654d4075574 .test-drive-model-card.selected,\n    #test-drive-6a654d4075574 .test-drive-dealership-card.selected {\n        border-color: #d31e1c;\n        background-color: #d31e1c10;\n    }\n\n    #test-drive-6a654d4075574 input:focus,\n    #test-drive-6a654d4075574 textarea:focus {\n        border-color: #d31e1c;\n        ring-color: #d31e1c;\n    }\n\n    #test-drive-6a654d4075574 input[type=\"checkbox\"]:checked {\n        background-color: #d31e1c;\n    }\n\n    #test-drive-6a654d4075574 .test-drive-back-button {\n        background-color: #d31e1c;\n    }\n\n    #test-drive-6a654d4075574 .dealer-signature a:hover {\n        color: #d31e1c;\n    }\n\n    #test-drive-6a654d4075574 .dealer-signature a:hover i.fa-location-dot {\n        color: #d31e1c;\n    }\n\n    \/* Stepper colors *\/\n    #test-drive-6a654d4075574 .step-item.active .step-circle {\n        background-color: #d31e1c;\n    }\n\n    #test-drive-6a654d4075574 .step-item.active .step-label {\n        color: #d31e1c;\n    }\n\n    \/* Stepper completed - utiliser couleur primaire au lieu du vert *\/\n    #test-drive-6a654d4075574 .step-item.completed .step-circle {\n        background-color: #d31e1c;\n    }\n\n    #test-drive-6a654d4075574 .step-line.completed {\n        background-color: #d31e1c;\n    }\n\n    \/* Boutons principaux en noir *\/\n    #test-drive-6a654d4075574 .btn-theme-primary,\n    #test-drive-6a654d4075574 button#open-test-drive-form {\n        background-color: #000000 !important;\n        border-color: #000000 !important;\n        color: #ffffff !important;\n    }\n\n    #test-drive-6a654d4075574 .btn-theme-primary:hover,\n    #test-drive-6a654d4075574 button#open-test-drive-form:hover {\n        background-color: #333333 !important;\n    }\n\n    \/* Bouton secondaire (appel) en noir *\/\n    #test-drive-6a654d4075574 a[href^=\"tel:\"] {\n        border-color: #000000 !important;\n        color: #000000 !important;\n    }\n\n    #test-drive-6a654d4075574 a[href^=\"tel:\"]:hover {\n        background-color: #000000 !important;\n        color: #ffffff !important;\n    }\n\n    \/* Forcer toutes les ic\u00f4nes Font Awesome en style normal (pas italique) *\/\n    #test-drive-6a654d4075574 i,\n    #test-drive-6a654d4075574 .fa-solid,\n    #test-drive-6a654d4075574 .fa-regular,\n    #test-drive-6a654d4075574 .fa-brands {\n        font-style: normal !important;\n    }\n<\/style>\n\n<div id=\"test-drive-6a654d4075574\" class=\"test-drive-block bg-white py-12 my-12 rounded-lg shadow-sm border border-gray-100\">\n    <!-- Contenu principal -->\n    <div class=\"container mx-auto px-4\">\n        <div class=\"max-w-layout mx-auto\">\n            <!-- Titre avec s\u00e9parateur -->\n            <div class=\"text-center mb-8\">\n                <h2 class=\"text-2xl md:text-3xl font-bold\">\n                    R\u00c9SERVER UN ESSAI EN CONCESSION                <\/h2>\n                <div class=\"w-20 h-1 separator-bar mx-auto mt-4\"><\/div>\n            <\/div>\n            \n            <!-- Boutons d'action c\u00f4te \u00e0 c\u00f4te - style models-slider -->\n            <div class=\"flex flex-row justify-center items-stretch gap-3 mb-8 max-w-2xl mx-auto\">\n                <!-- Bouton Essayer (R\u00e9server un essai) -->\n                <button type=\"button\"\n                        id=\"open-test-drive-form\"\n                        class=\"group relative inline-flex items-center justify-center gap-2 px-4 md:px-6 h-[44px] btn-theme-primary text-sm md:text-base font-medium rounded-md hover:text-white transition-all duration-300 active:scale-95 transform flex-1 text-center cursor-pointer overflow-hidden\">\n                    <!-- Effet de brillance au survol -->\n                    <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                    <!-- Bordure brillante au survol -->\n                    <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                    <!-- Contenu du bouton avec ic\u00f4ne -->\n                    <span class=\"relative z-10 flex items-center gap-2\">\n                        <i class=\"fa-solid fa-calendar-days\"><\/i>\n                        <span class=\"hidden md:inline\">R\u00e9server un essai<\/span>\n                        <span class=\"md:hidden\">R\u00e9server<\/span>\n                    <\/span>\n                <\/button>\n\n                <!-- Bouton Service Commercial (appel t\u00e9l\u00e9phonique) -->\n                <a href=\"tel:0805021414\"\n                   class=\"group relative inline-flex items-center justify-center gap-2 px-4 md:px-6 h-[44px] bg-white border-2 border-theme-primary text-theme-primary text-sm md:text-base font-medium rounded-md hover:bg-theme-primary hover:text-white transition-all duration-300 active:scale-95 transform flex-1 text-center no-underline overflow-hidden\">\n                    <!-- Effet de brillance au survol -->\n                    <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                    <!-- Contenu du bouton avec ic\u00f4ne -->\n                    <span class=\"relative z-10 flex items-center gap-2\">\n                        <i class=\"fa-solid fa-phone\"><\/i>\n                        <span class=\"hidden md:inline\">Service Commercial<\/span>\n                        <span class=\"md:hidden\">Appeler<\/span>\n                    <\/span>\n                <\/a>\n            <\/div>\n            \n            <!-- Informations de contact -->\n            <div class=\"text-center space-y-3\">\n                <!-- Description -->\n                <p class=\"text-primary\">\n                    Pour tout renseignement, vous pouvez nous contacter du lundi au dimanche de 9h00 \u00e0 22h00                <\/p>\n            <\/div>\n            \n                        <!-- Formulaire de r\u00e9servation d'essai (cach\u00e9 initialement) -->\n            <div id=\"test-drive-form-container\" class=\"mt-12 border border-gray-200 rounded-lg overflow-hidden shadow-md hidden\">\n                <!-- Header du formulaire avec bouton fermer -->\n                <div class=\"form-header bg-white border-b border-gray-200 px-6 py-4 flex items-center justify-between\">\n                    <h3 class=\"text-lg font-semibold\" style=\"color: #1f2937;\">\n                        R\u00e9server votre essai\n                    <\/h3>\n                    <button type=\"button\" class=\"test-drive-close-button text-gray-400 hover:text-gray-600 transition-colors\" aria-label=\"Fermer la fen\u00eatre de r\u00e9servation\">\n                        <i class=\"fa-solid fa-times text-xl\"><\/i>\n                    <\/button>\n                <\/div>\n\n                <!-- Indicateur d'\u00e9tapes -->\n                <div class=\"test-drive-stepper bg-white px-6 py-4 border-b border-gray-200\">\n                    <div class=\"flex items-center justify-between max-w-md mx-auto\">\n                        <!-- \u00c9tape 1 -->\n                        <div class=\"step-item active\" data-step=\"1\">\n                            <div class=\"step-circle\">1<\/div>\n                            <div class=\"step-label\">Mod\u00e8le<\/div>\n                        <\/div>\n                        <div class=\"step-line\"><\/div>\n                        <!-- \u00c9tape 2 -->\n                        <div class=\"step-item\" data-step=\"2\">\n                            <div class=\"step-circle\">2<\/div>\n                            <div class=\"step-label\">Concession<\/div>\n                        <\/div>\n                        <div class=\"step-line\"><\/div>\n                        <!-- \u00c9tape 3 -->\n                        <div class=\"step-item\" data-step=\"3\">\n                            <div class=\"step-circle\">3<\/div>\n                            <div class=\"step-label\">Coordonn\u00e9es<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Formulaire -->\n                <form id=\"test-drive-form\" class=\"p-6\">\n                <input type=\"hidden\" name=\"lead_source\" value=\"\">\n                                <input type=\"hidden\" name=\"source_page_url\" value=\"https:\/\/groupe-grim.com\/can-am\/capacite-remorquage-quad\/\">\n                <input type=\"hidden\" name=\"source_page_title\" value=\"Quelle est la capacit\u00e9 de remorquage d\u2019un quad ?\">\n                <!-- Anti-bot : honeypot + timestamp -->\n                <input type=\"text\" name=\"website_url\" style=\"display:none !important;position:absolute;left:-9999px;\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\">\n                <input type=\"hidden\" name=\"form_timestamp\" value=\"1785023808\">\n                    <!-- \u00c9tape 1: Choix du mod\u00e8le -->\n                    <div class=\"test-drive-step active\" data-step=\"1\">\n                        <h3 class=\"text-xl font-bold mb-6\">Choisissez votre mod\u00e8le<\/h3>\n\n                        <!-- Select avec recherche native -->\n                        <div class=\"model-select-wrapper mb-6\">\n                            <label for=\"model-select\" class=\"block text-sm font-medium text-gray-700 mb-2\">\n                                S\u00e9lectionnez un mod\u00e8le <span class=\"text-red-500\">*<\/span>\n                            <\/label>\n                            <select id=\"model-select\" name=\"model\" required\n                                    class=\"w-full p-4 border border-gray-300 rounded-lg focus:ring-2 text-lg transition-all duration-200\"\n                                    style=\"background-image: url('data:image\/svg+xml,%3Csvg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 width=%2212%22 height=%228%22%3E%3Cpath fill=%22%23374151%22 d=%22M0 0l6 8 6-8z%22\/%3E%3C\/svg%3E'); background-repeat: no-repeat; background-position: right 1rem center; background-size: 12px;\">\n                                <option value=\"\">&#8212; Choisissez un mod\u00e8le &#8212;<\/option>\n                                                                        <option\n                                            value=\"DS 250\"\n                                            data-model='{&quot;name&quot;:&quot;DS 250&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Can-Am-DS-250-300x218.png&quot;,&quot;image_alt&quot;:&quot;DS 250&quot;}'>\n                                            DS 250                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander 6X6 Backcountry 1000 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander 6X6 Backcountry 1000 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/MY26-Can-Am-Outlander-6x6-Backcountry-1000-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander 6X6 Backcountry 1000 T&quot;}'>\n                                            Outlander 6X6 Backcountry 1000 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander MAX 6X6 DPS 850 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander MAX 6X6 DPS 850 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/MY26-Can-Am-Outlander-MAX-6X6-DPS-850-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander MAX 6X6 DPS 850 T&quot;}'>\n                                            Outlander MAX 6X6 DPS 850 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander MAX 6X6 Backcountry 1000 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander MAX 6X6 Backcountry 1000 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/MY26-Can-Am-Outlander-MAX-6X6-1000-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander MAX 6X6 Backcountry 1000 T&quot;}'>\n                                            Outlander MAX 6X6 Backcountry 1000 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander 6X6 DPS 850 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander 6X6 DPS 850 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/MY26-Can-Am-Outlander-6x6-DPS-850-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander 6X6 DPS 850 T&quot;}'>\n                                            Outlander 6X6 DPS 850 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander MAX 6X6 DPS 700 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander MAX 6X6 DPS 700 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/MY26-Can-Am-Outlander-MAX-6X6-DPS-700-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander MAX 6X6 DPS 700 T&quot;}'>\n                                            Outlander MAX 6X6 DPS 700 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander 6X6 DPS 700 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander 6X6 DPS 700 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Outlander-6X6-DPS-700-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander 6X6 DPS 700 T&quot;}'>\n                                            Outlander 6X6 DPS 700 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander 6x6\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander 6x6&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Outlander-6X6-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander 6x6&quot;}'>\n                                            Outlander 6&#215;6                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander MAX Electric T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander MAX Electric T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Outlander-MAX-Electric-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander MAX Electric T&quot;}'>\n                                            Outlander MAX Electric T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander Electric T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander Electric T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Outlander-Electric-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander Electric T&quot;}'>\n                                            Outlander Electric T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander Electric\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander Electric&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Outlander-Electric-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander Electric&quot;}'>\n                                            Outlander Electric                                        <\/option>\n                                                                            <option\n                                            value=\"Origin Standard\"\n                                            data-model='{&quot;name&quot;:&quot;Origin Standard&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Origin-Standard-300x218.png&quot;,&quot;image_alt&quot;:&quot;Origin Standard&quot;}'>\n                                            Origin Standard                                        <\/option>\n                                                                            <option\n                                            value=\"Pulse Standard\"\n                                            data-model='{&quot;name&quot;:&quot;Pulse Standard&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Pulse-Standard-300x218.png&quot;,&quot;image_alt&quot;:&quot;Pulse Standard&quot;}'>\n                                            Pulse Standard                                        <\/option>\n                                                                            <option\n                                            value=\"Origin&#039;73\"\n                                            data-model='{&quot;name&quot;:&quot;Origin&#039;73&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Origin-73-2025-300x218.png&quot;,&quot;image_alt&quot;:&quot;Origin&#039;73&quot;}'>\n                                            Origin&#039;73                                        <\/option>\n                                                                            <option\n                                            value=\"Pulse &#039;73\"\n                                            data-model='{&quot;name&quot;:&quot;Pulse &#039;73&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Pulse-73-2025-300x218.png&quot;,&quot;image_alt&quot;:&quot;Pulse &#039;73&quot;}'>\n                                            Pulse &#039;73                                        <\/option>\n                                                                            <option\n                                            value=\"Origin\"\n                                            data-model='{&quot;name&quot;:&quot;Origin&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/Origin-2025-300x218.png&quot;,&quot;image_alt&quot;:&quot;Origin&quot;}'>\n                                            Origin                                        <\/option>\n                                                                            <option\n                                            value=\"Pulse\"\n                                            data-model='{&quot;name&quot;:&quot;Pulse&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/Pulse-2025-300x218.png&quot;,&quot;image_alt&quot;:&quot;Pulse&quot;}'>\n                                            Pulse                                        <\/option>\n                                                                            <option\n                                            value=\"Canyon Redrock\"\n                                            data-model='{&quot;name&quot;:&quot;Canyon Redrock&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SPYDER-Canyon-Redrock-300x218.png&quot;,&quot;image_alt&quot;:&quot;Canyon Redrock&quot;}'>\n                                            Canyon Redrock                                        <\/option>\n                                                                            <option\n                                            value=\"Canyon XT\"\n                                            data-model='{&quot;name&quot;:&quot;Canyon XT&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SPYDER-Canyon-XT-300x218.png&quot;,&quot;image_alt&quot;:&quot;Canyon XT&quot;}'>\n                                            Canyon XT                                        <\/option>\n                                                                            <option\n                                            value=\"Canyon\"\n                                            data-model='{&quot;name&quot;:&quot;Canyon&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SPYDER-Canyon-300x218.png&quot;,&quot;image_alt&quot;:&quot;Canyon&quot;}'>\n                                            Canyon                                        <\/option>\n                                                                            <option\n                                            value=\"Spyder RT Sea-to-Sky\"\n                                            data-model='{&quot;name&quot;:&quot;Spyder RT Sea-to-Sky&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SPYDER-RT-SEA-TO-SKY-300x218.png&quot;,&quot;image_alt&quot;:&quot;Spyder RT Sea-to-Sky&quot;}'>\n                                            Spyder RT Sea-to-Sky                                        <\/option>\n                                                                            <option\n                                            value=\"Spyder RT Limited\"\n                                            data-model='{&quot;name&quot;:&quot;Spyder RT Limited&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SPYDER-RT-Limited-300x218.png&quot;,&quot;image_alt&quot;:&quot;Spyder RT Limited&quot;}'>\n                                            Spyder RT Limited                                        <\/option>\n                                                                            <option\n                                            value=\"Spyder RT\"\n                                            data-model='{&quot;name&quot;:&quot;Spyder RT&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SPYDER-RT-300x218.png&quot;,&quot;image_alt&quot;:&quot;Spyder RT&quot;}'>\n                                            Spyder RT                                        <\/option>\n                                                                            <option\n                                            value=\"Spyder F3 Limited Special Series\"\n                                            data-model='{&quot;name&quot;:&quot;Spyder F3 Limited Special Series&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SPYDER-F3-Limited-Special-Series-300x218.png&quot;,&quot;image_alt&quot;:&quot;Spyder F3 Limited Special Series&quot;}'>\n                                            Spyder F3 Limited Special Series                                        <\/option>\n                                                                            <option\n                                            value=\"Spyder F3 Limited\"\n                                            data-model='{&quot;name&quot;:&quot;Spyder F3 Limited&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SPYDER-F3-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Spyder F3 Limited&quot;}'>\n                                            Spyder F3 Limited                                        <\/option>\n                                                                            <option\n                                            value=\"Spyder F3-T\"\n                                            data-model='{&quot;name&quot;:&quot;Spyder F3-T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SPYDER-F3-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Spyder F3-T&quot;}'>\n                                            Spyder F3-T                                        <\/option>\n                                                                            <option\n                                            value=\"Spyder F3-S\"\n                                            data-model='{&quot;name&quot;:&quot;Spyder F3-S&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SPYDER-F3-S-300x218.png&quot;,&quot;image_alt&quot;:&quot;Spyder F3-S&quot;}'>\n                                            Spyder F3-S                                        <\/option>\n                                                                            <option\n                                            value=\"Spyder F3\"\n                                            data-model='{&quot;name&quot;:&quot;Spyder F3&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Can-Am-SPYDER-F3-2026-300x218.png&quot;,&quot;image_alt&quot;:&quot;Spyder F3&quot;}'>\n                                            Spyder F3                                        <\/option>\n                                                                            <option\n                                            value=\"Ryker Rally\"\n                                            data-model='{&quot;name&quot;:&quot;Ryker Rally&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Ryker-Rally-900-300x218.png&quot;,&quot;image_alt&quot;:&quot;Ryker Rally&quot;}'>\n                                            Ryker Rally                                        <\/option>\n                                                                            <option\n                                            value=\"Ryker Sport\"\n                                            data-model='{&quot;name&quot;:&quot;Ryker Sport&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Ryker-Sport-900-300x218.png&quot;,&quot;image_alt&quot;:&quot;Ryker Sport&quot;}'>\n                                            Ryker Sport                                        <\/option>\n                                                                            <option\n                                            value=\"Ryker Standard\"\n                                            data-model='{&quot;name&quot;:&quot;Ryker Standard&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Ryker-Standard-600-300x218.png&quot;,&quot;image_alt&quot;:&quot;Ryker Standard&quot;}'>\n                                            Ryker Standard                                        <\/option>\n                                                                            <option\n                                            value=\"Ryker\"\n                                            data-model='{&quot;name&quot;:&quot;Ryker&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Can-Am-Ryker-2026-300x218.png&quot;,&quot;image_alt&quot;:&quot;Ryker&quot;}'>\n                                            Ryker                                        <\/option>\n                                                                            <option\n                                            value=\"DS\"\n                                            data-model='{&quot;name&quot;:&quot;DS&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Can-Am-DS-250-300x218.png&quot;,&quot;image_alt&quot;:&quot;DS&quot;}'>\n                                            DS                                        <\/option>\n                                                                            <option\n                                            value=\"Renegade EFI\"\n                                            data-model='{&quot;name&quot;:&quot;Renegade EFI&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-ATV-Renegade-70EFI-300x218.png&quot;,&quot;image_alt&quot;:&quot;Renegade EFI&quot;}'>\n                                            Renegade EFI                                        <\/option>\n                                                                            <option\n                                            value=\"Renegade\"\n                                            data-model='{&quot;name&quot;:&quot;Renegade&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-ATV-Can-Am-Renegade-300x218.png&quot;,&quot;image_alt&quot;:&quot;Renegade&quot;}'>\n                                            Renegade                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander 850\/1000R\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander 850\\\/1000R&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Can-Am-Outlander-850-1000R-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander 850\\\/1000R&quot;}'>\n                                            Outlander 850\/1000R                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander MAX XT 700\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander MAX XT 700&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-ATV-Can-Am-Outlander-MAX-XT-700-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander MAX XT 700&quot;}'>\n                                            Outlander MAX XT 700                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander X MR 700\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander X MR 700&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-ATV-Can-Am-Outlander-X-MR-700-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander X MR 700&quot;}'>\n                                            Outlander X MR 700                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander MAX DPS 500\/700 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander MAX DPS 500\\\/700 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-ATV-Can-Am-Outlander-MAX-DPS-500-700-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander MAX DPS 500\\\/700 T&quot;}'>\n                                            Outlander MAX DPS 500\/700 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander DPS 500\/700 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander DPS 500\\\/700 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-ATV-Can-Am-Outlander-DPS-500-700-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander DPS 500\\\/700 T&quot;}'>\n                                            Outlander DPS 500\/700 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander 500\/700\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander 500\\\/700&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-ATV-Can-Am-Outlander-500-700-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander 500\\\/700&quot;}'>\n                                            Outlander 500\/700                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander MAX PRO XU HD8\/HD10 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander MAX PRO XU HD8\\\/HD10 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Can-Am-Outlander-PRO-MAX-XU-HD8-HD10-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander MAX PRO XU HD8\\\/HD10 T&quot;}'>\n                                            Outlander MAX PRO XU HD8\/HD10 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander MAX PRO XU HD7 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander MAX PRO XU HD7 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Can-Am-Outlander-PRO-MAX-XU-HD7-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander MAX PRO XU HD7 T&quot;}'>\n                                            Outlander MAX PRO XU HD7 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander PRO XU HD7 ABS T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander PRO XU HD7 ABS T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Can-Am-Outlander-PRO-XU-HD7-ABS-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander PRO XU HD7 ABS T&quot;}'>\n                                            Outlander PRO XU HD7 ABS T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander PRO XU HD5\/HD7 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander PRO XU HD5\\\/HD7 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Outlander-PRO-XU-HD5-HD7-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander PRO XU HD5\\\/HD7 T&quot;}'>\n                                            Outlander PRO XU HD5\/HD7 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander PRO HD5 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander PRO HD5 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Can-Am-Outlander-PRO-HD5-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander PRO HD5 T&quot;}'>\n                                            Outlander PRO HD5 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander Pro\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander Pro&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Can-Am-Outlander-PRO-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander Pro&quot;}'>\n                                            Outlander Pro                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick R MAX X RS\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick R MAX X RS&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Maverick-R-MAX-X-RS-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick R MAX X RS&quot;}'>\n                                            Maverick R MAX X RS                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick R X RC\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick R X RC&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Maverick-R-X-RC-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick R X RC&quot;}'>\n                                            Maverick R X RC                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick R X RS\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick R X RS&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Maverick-R-X-RS-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick R X RS&quot;}'>\n                                            Maverick R X RS                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick R\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick R&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Can-Am-Maverick-R-2026-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick R&quot;}'>\n                                            Maverick R                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick MAX X RS Turbo RR\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick MAX X RS Turbo RR&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SSV-Maverick-X3-MAX-X-RS-TURBO-RR-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick MAX X RS Turbo RR&quot;}'>\n                                            Maverick MAX X RS Turbo RR                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick X RC Turbo RR 72\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick X RC Turbo RR 72&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SSV-Maverick-X3-X-RC-TURBO-RR-72-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick X RC Turbo RR 72&quot;}'>\n                                            Maverick X RC Turbo RR 72                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick X RS Turbo RR\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick X RS Turbo RR&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SSV-Maverick-X3-RS-TURBO-RR-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick X RS Turbo RR&quot;}'>\n                                            Maverick X RS Turbo RR                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick DS Turbo RR\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick DS Turbo RR&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SSV-Maverick-X3-DS-TURBO-RR-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick DS Turbo RR&quot;}'>\n                                            Maverick DS Turbo RR                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Can-Am-Maverick-2026-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick&quot;}'>\n                                            Maverick                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick Sport MAX DPS T\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick Sport MAX DPS T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SSV-Maverick-Sport-MAX-DPS-T-1000R-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick Sport MAX DPS T&quot;}'>\n                                            Maverick Sport MAX DPS T                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick Sport DPS T\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick Sport DPS T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SSV-Maverick-Sport-DPS-T-1000R-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick Sport DPS T&quot;}'>\n                                            Maverick Sport DPS T                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick Sport\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick Sport&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Can-Am-Maverick-Sport-2026-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick Sport&quot;}'>\n                                            Maverick Sport                                        <\/option>\n                                                                            <option\n                                            value=\"Traxter 6x6 DPS\"\n                                            data-model='{&quot;name&quot;:&quot;Traxter 6x6 DPS&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/SSV-MY26-Traxter-6x6-DPS-HD10-300x218.png&quot;,&quot;image_alt&quot;:&quot;Traxter 6x6 DPS&quot;}'>\n                                            Traxter 6&#215;6 DPS                                        <\/option>\n                                                                            <option\n                                            value=\"Traxter PRO XU T\"\n                                            data-model='{&quot;name&quot;:&quot;Traxter PRO XU T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/SSV-MY26-Traxter-PRO-XU-T-HD10-300x218.png&quot;,&quot;image_alt&quot;:&quot;Traxter PRO XU T&quot;}'>\n                                            Traxter PRO XU T                                        <\/option>\n                                                                            <option\n                                            value=\"Traxter XU ABS T\"\n                                            data-model='{&quot;name&quot;:&quot;Traxter XU ABS T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/SSV-MY26-Traxter-XU-ABS-T-HD9-300x218.png&quot;,&quot;image_alt&quot;:&quot;Traxter XU ABS T&quot;}'>\n                                            Traxter XU ABS T                                        <\/option>\n                                                                            <option\n                                            value=\"Traxter XU T\"\n                                            data-model='{&quot;name&quot;:&quot;Traxter XU T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/SSV-MY26-Traxter-XU-T-HD7-300x218.png&quot;,&quot;image_alt&quot;:&quot;Traxter XU T&quot;}'>\n                                            Traxter XU T                                        <\/option>\n                                                                            <option\n                                            value=\"Traxter T\"\n                                            data-model='{&quot;name&quot;:&quot;Traxter T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/SSV-MY26-Traxter-T-HD7-300x218.png&quot;,&quot;image_alt&quot;:&quot;Traxter T&quot;}'>\n                                            Traxter T                                        <\/option>\n                                                                            <option\n                                            value=\"Traxter MAX XU HD11 T\"\n                                            data-model='{&quot;name&quot;:&quot;Traxter MAX XU HD11 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/SSV-MY26-Traxter-MAX-XU-HD11-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Traxter MAX XU HD11 T&quot;}'>\n                                            Traxter MAX XU HD11 T                                        <\/option>\n                                                                            <option\n                                            value=\"Traxter XU HD11 T\"\n                                            data-model='{&quot;name&quot;:&quot;Traxter XU HD11 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/SSV-MY26-Traxter-XU-HD11-TR-ABS-300x218.png&quot;,&quot;image_alt&quot;:&quot;Traxter XU HD11 T&quot;}'>\n                                            Traxter XU HD11 T                                        <\/option>\n                                                                            <option\n                                            value=\"Traxter HD11\"\n                                            data-model='{&quot;name&quot;:&quot;Traxter HD11&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Can-Am-Traxter-XU-HD11-2026-300x218.png&quot;,&quot;image_alt&quot;:&quot;Traxter HD11&quot;}'>\n                                            Traxter HD11                                        <\/option>\n                                                                            <option\n                                            value=\"Traxter\"\n                                            data-model='{&quot;name&quot;:&quot;Traxter&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Can-Am-Traxter-2026-300x218.png&quot;,&quot;image_alt&quot;:&quot;Traxter&quot;}'>\n                                            Traxter                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick Trail T\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick Trail T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/ORV-MY26-SSV-Maverick-Trail-T-700-Catalyst-Grey-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick Trail T&quot;}'>\n                                            Maverick Trail T                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick Trail DPS T\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick Trail DPS T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/ORV-MY26-SSV-Maverick-Trail-DPS-T-700-Triple-Black-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick Trail DPS T&quot;}'>\n                                            Maverick Trail DPS T                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick Trail\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick Trail&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SSV-Maverick-Trail-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick Trail&quot;}'>\n                                            Maverick Trail                                        <\/option>\n                                                                <\/select>\n                            <p class=\"mt-2 text-sm text-gray-500\">\n                                <i class=\"fa-solid fa-info-circle mr-1\"><\/i>\n                                Vous pouvez taper pour rechercher un mod\u00e8le\n                            <\/p>\n                        <\/div>\n\n                        <!-- Aper\u00e7u visuel du mod\u00e8le (toujours visible, \u00e9tats initial et s\u00e9lectionn\u00e9) -->\n                        <div id=\"model-preview\" class=\"mt-6\">\n                            <div class=\"border-2 rounded-lg p-6 bg-gradient-to-br from-gray-50 to-white transition-all duration-300\">\n                                <!-- \u00c9tat initial : Aucun mod\u00e8le s\u00e9lectionn\u00e9 -->\n                                <div id=\"model-preview-empty\">\n                                    <p class=\"text-sm font-medium text-gray-400 mb-3\">\n                                        <i class=\"fa-solid fa-info-circle mr-1\"><\/i>\n                                        Aucun mod\u00e8le s\u00e9lectionn\u00e9\n                                    <\/p>\n                                    <div class=\"flex items-center gap-6\">\n                                        <div class=\"flex-shrink-0 bg-gray-100 rounded-lg p-3 w-32 h-32 flex items-center justify-center\">\n                                            <i class=\"fa-solid fa-car text-4xl text-gray-300\"><\/i>\n                                        <\/div>\n                                        <div>\n                                            <span class=\"text-base text-gray-400 block\">Choisissez un mod\u00e8le<\/span>\n                                            <span class=\"text-sm text-gray-300 mt-1 block\">dans la liste ci-dessus<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <!-- \u00c9tat s\u00e9lectionn\u00e9 : Mod\u00e8le choisi (cach\u00e9 initialement) -->\n                                <div id=\"model-preview-selected\" class=\"hidden\">\n                                    <p class=\"text-sm font-medium text-gray-600 mb-3\">\n                                        <i class=\"fa-solid fa-check-circle mr-1\" style=\"color: #d31e1c;\"><\/i>\n                                        Mod\u00e8le s\u00e9lectionn\u00e9 :\n                                    <\/p>\n                                    <div class=\"flex items-center gap-6\">\n                                        <div id=\"model-preview-image-wrapper\" class=\"flex-shrink-0 bg-white rounded-lg p-3 shadow-sm w-32 h-32 flex items-center justify-center\">\n                                            <img decoding=\"async\" id=\"model-preview-image\" src=\"\" alt=\"\" class=\"max-h-24 w-auto object-contain\">\n                                        <\/div>\n                                        <div>\n                                            <span id=\"model-preview-name\" class=\"font-bold text-xl block\"><\/span>\n                                            <span class=\"text-sm text-gray-500 mt-1 block\">Pr\u00eat pour votre essai<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Boutons de navigation \u00c9tape 1 -->\n                        <div class=\"step-navigation mt-8 flex justify-end gap-3\">\n                            <button type=\"button\" class=\"btn-next btn-primary px-6 py-3 text-white rounded-lg transition-all duration-300 disabled:opacity-50 disabled:cursor-not-allowed\" disabled>\n                                Suivant\n                                <i class=\"fa-solid fa-arrow-right ml-2\"><\/i>\n                            <\/button>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u00c9tape 2: Choix de la concession -->\n                    <div class=\"test-drive-step\" data-step=\"2\">\n                        <h3 class=\"text-xl font-bold mb-6\">Choisissez votre concession<\/h3>\n\n                        <!-- Select avec recherche native -->\n                        <div class=\"dealership-select-wrapper mb-6\">\n                            <label for=\"dealership-select\" class=\"block text-sm font-medium text-gray-700 mb-2\">\n                                S\u00e9lectionnez une concession <span class=\"text-red-500\">*<\/span>\n                            <\/label>\n                            <select id=\"dealership-select\" name=\"dealership\" required\n                                    class=\"w-full p-4 border border-gray-300 rounded-lg focus:ring-2 text-lg transition-all duration-200\"\n                                    style=\"background-image: url('data:image\/svg+xml,%3Csvg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 width=%2212%22 height=%228%22%3E%3Cpath fill=%22%23374151%22 d=%22M0 0l6 8 6-8z%22\/%3E%3C\/svg%3E'); background-repeat: no-repeat; background-position: right 1rem center; background-size: 12px;\">\n                                <option value=\"\">&#8212; Choisissez une concession &#8212;<\/option>\n                                                                        <option\n                                            value=\"Toulouse - Can-Am Toulouse\"\n                                            data-dealership='{&quot;city&quot;:&quot;Toulouse&quot;,&quot;name&quot;:&quot;Can-Am Toulouse&quot;,&quot;full_name&quot;:&quot;Toulouse - Can-Am Toulouse&quot;}'>\n                                            Toulouse &#8211; Can-Am Toulouse                                        <\/option>\n                                                                <\/select>\n                            <p class=\"mt-2 text-sm text-gray-500\">\n                                <i class=\"fa-solid fa-info-circle mr-1\"><\/i>\n                                Vous pouvez taper pour rechercher une concession\n                            <\/p>\n                        <\/div>\n\n                        <!-- Aper\u00e7u visuel de la concession -->\n                        <div id=\"dealership-preview\" class=\"mt-6\">\n                            <div class=\"border-2 rounded-lg p-6 bg-gradient-to-br from-gray-50 to-white transition-all duration-300\">\n                                <!-- \u00c9tat initial : Aucune concession s\u00e9lectionn\u00e9e -->\n                                <div id=\"dealership-preview-empty\">\n                                    <p class=\"text-sm font-medium text-gray-400 mb-3\">\n                                        <i class=\"fa-solid fa-info-circle mr-1\"><\/i>\n                                        Aucune concession s\u00e9lectionn\u00e9e\n                                    <\/p>\n                                    <div class=\"flex items-center gap-6\">\n                                        <div class=\"flex-shrink-0 bg-gray-100 rounded-lg p-3 w-32 h-32 flex items-center justify-center\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/09\/Logo-site-Can-Am-Toulouse-GRIM.png\" alt=\"Logo\" class=\"max-h-20 w-auto object-contain opacity-30 grayscale\">\n                                                                                    <\/div>\n                                        <div>\n                                            <span class=\"text-base text-gray-400 block\">Choisissez une concession<\/span>\n                                            <span class=\"text-sm text-gray-300 mt-1 block\">dans la liste ci-dessus<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <!-- \u00c9tat s\u00e9lectionn\u00e9 : Concession choisie -->\n                                <div id=\"dealership-preview-selected\" class=\"hidden\">\n                                    <p class=\"text-sm font-medium text-gray-600 mb-3\">\n                                        <i class=\"fa-solid fa-check-circle mr-1\" style=\"color: #ffc400;\"><\/i>\n                                        Concession s\u00e9lectionn\u00e9e :\n                                    <\/p>\n                                    <div class=\"flex items-center gap-6\">\n                                        <div id=\"dealership-preview-icon-wrapper\" class=\"flex-shrink-0 bg-white rounded-lg p-3 shadow-sm w-32 h-32 flex items-center justify-center\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/09\/Logo-site-Can-Am-Toulouse-GRIM.png\" alt=\"Logo\" class=\"max-h-20 w-auto object-contain\">\n                                                                                    <\/div>\n                                        <div>\n                                            <span id=\"dealership-preview-city\" class=\"font-bold text-xl block\"><\/span>\n                                            <span id=\"dealership-preview-name\" class=\"text-sm text-gray-500 mt-1 block\"><\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Boutons de navigation \u00c9tape 2 -->\n                        <div class=\"step-navigation mt-8 flex justify-between gap-3\">\n                            <button type=\"button\" class=\"btn-back px-6 py-3 bg-white border-2 btn-secondary rounded-lg transition-all duration-300\">\n                                <i class=\"fa-solid fa-arrow-left mr-2\"><\/i>\n                                Retour\n                            <\/button>\n                            <button type=\"button\" class=\"btn-next btn-primary px-6 py-3 text-white rounded-lg transition-all duration-300 disabled:opacity-50\" disabled>\n                                Suivant\n                                <i class=\"fa-solid fa-arrow-right ml-2\"><\/i>\n                            <\/button>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u00c9tape 3: Informations de contact -->\n                    <div class=\"test-drive-step\" data-step=\"3\">\n                        <h3 class=\"text-xl font-bold mb-4\">Vos coordonn\u00e9es<\/h3>\n                        \n                        <div class=\"space-y-4\">\n                            <!-- Nom complet -->\n                            <div>\n                                <label class=\"block text-sm font-medium text-gray-700 mb-1\">\n                                    Nom complet <span class=\"text-red-500\">*<\/span>\n                                <\/label>\n                                <input type=\"text\" name=\"name\" required \n                                       class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-black\"\n                                       placeholder=\"Jean Dupont\">\n                            <\/div>\n                            \n                            <!-- Email -->\n                            <div>\n                                <label class=\"block text-sm font-medium text-gray-700 mb-1\">\n                                    Email <span class=\"text-red-500\">*<\/span>\n                                <\/label>\n                                <input type=\"email\" name=\"email\" required \n                                       class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-black\"\n                                       placeholder=\"jean.dupont@example.com\">\n                            <\/div>\n                            \n                            <!-- T\u00e9l\u00e9phone -->\n                            <div>\n                                <label class=\"block text-sm font-medium text-gray-700 mb-1\">\n                                    T\u00e9l\u00e9phone <span class=\"text-red-500\">*<\/span>\n                                <\/label>\n                                <input type=\"tel\" name=\"phone\" required \n                                       class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-black\"\n                                       placeholder=\"06 12 34 56 78\">\n                            <\/div>\n                            \n                            <!-- Message (optionnel) -->\n                            <div>\n                                <label class=\"block text-sm font-medium text-gray-700 mb-1\">\n                                    Message (facultatif)\n                                <\/label>\n                                <textarea name=\"message\" rows=\"3\" \n                                          class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-black\"\n                                          placeholder=\"Informations compl\u00e9mentaires...\"><\/textarea>\n                            <\/div>\n                            \n                            <!-- Politique de confidentialit\u00e9 -->\n                            <div class=\"flex items-start\">\n                                <div class=\"flex items-center h-5\">\n                                    <input id=\"test-drive-privacy\" name=\"privacy\" type=\"checkbox\" required\n                                           class=\"w-4 h-4 border-gray-300 rounded\">\n                                <\/div>\n                                <label for=\"test-drive-privacy\" class=\"ml-3 text-sm text-primary privacy-label\">\n                                    J&rsquo;accepte la <a href=\"https:\/\/groupe-grim.com\/rgpd\/\" class=\"no-underline\" style=\"color: #d31e1c\">politique de confidentialit\u00e9<\/a>\n                                <\/label>\n                            <\/div>\n\n                            <!-- Boutons de navigation \u00c9tape 3 -->\n                            <div class=\"step-navigation mt-8 flex justify-between gap-3\">\n                                <button type=\"button\" class=\"btn-back px-6 py-3 bg-white border-2 btn-secondary rounded-lg transition-all duration-300\">\n                                    <i class=\"fa-solid fa-arrow-left mr-2\"><\/i>\n                                    Retour\n                                <\/button>\n                                <button type=\"submit\" class=\"btn-primary px-6 py-3 text-white rounded-lg transition-all duration-300\">\n                                    Envoyer\n                                    <i class=\"fa-solid fa-paper-plane ml-2\"><\/i>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Message de succ\u00e8s (cach\u00e9 par d\u00e9faut) -->\n                    <div id=\"test-drive-success-message\" class=\"hidden text-center py-6\">\n                        <div class=\"rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4\" style=\"background-color: #ffc40020;\">\n                            <i class=\"fa-solid fa-check text-2xl success-icon\" style=\"color: #ffc400;\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold mb-2\">Demande envoy\u00e9e !<\/h3>\n                        <p class=\"text-gray-600 text-sm mb-4\">\n                            Votre demande d&#039;essai a \u00e9t\u00e9 envoy\u00e9e avec succ\u00e8s. Nous vous recontacterons tr\u00e8s rapidement pour confirmer votre rendez-vous.                        <\/p>\n                        <div class=\"bg-gray-50 rounded-lg p-3\">\n                            <p class=\"text-sm text-gray-600\">\n                                <i class=\"fa-solid fa-clock mr-2\"><\/i>\n                                Disponibilit\u00e9 : Lun-Sam, 9h-19h\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/form>\n            <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n\n<!-- Donn\u00e9es AJAX pour le formulaire test-drive -->\n<script>\n    window.testDriveData = {\n        ajaxUrl: 'https:\/\/groupe-grim.com\/can-am\/wp-admin\/admin-ajax.php',\n        nonce: 'adeaf88470'\n    };\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Agriculture, entretien de propri\u00e9t\u00e9, travaux forestiers ou loisirs : le quad est aujourd\u2019hui un v\u00e9ritable outil de traction. Mais quelle charge peut-il r\u00e9ellement remorquer ? D\u00e9couvrez les capacit\u00e9s de remorquage d\u2019un quad, les facteurs qui influencent ses performances et pourquoi les mod\u00e8les Can-Am Outlander figurent parmi les r\u00e9f\u00e9rences du segment utilitaire.<\/p>\n","protected":false},"author":4,"featured_media":1749,"parent":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-1748","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-conseils"],"acf":[],"_links":{"self":[{"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/posts\/1748","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/comments?post=1748"}],"version-history":[{"count":1,"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/posts\/1748\/revisions"}],"predecessor-version":[{"id":1750,"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/posts\/1748\/revisions\/1750"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/media\/1749"}],"wp:attachment":[{"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/media?parent=1748"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/categories?post=1748"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/tags?post=1748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}