/* Vehicle switch, placed in the native top menu row next to "Catégories"; the main menu is centred between it and the phone. */
.r2c-demo-native{--r2c-4l:#0cb4d4;--r2c-rodeo:#ff6000;--r2c-ink:#151515}
.r2c-universe-4l{--r2c-current-accent:var(--r2c-4l)}
.r2c-universe-rodeo{--r2c-current-accent:var(--r2c-rodeo)}
.r2c-demo-native header .elementor-element-d21bc7b{gap:20px}
.r2c-demo-native header .elementor-element-3e6801c .elementor-nav-menu--main .elementor-item{padding-left:12px;padding-right:12px}
.r2c-switch{position:relative;display:flex;flex-direction:column;justify-content:flex-end;flex:0 0 auto;margin-right:auto;font-family:Kanit,sans-serif}
.r2c-switch__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.r2c-switch__track{display:flex;align-items:stretch;gap:4px;height:56px;padding:4px;border:1px solid transparent;border-radius:100px;background:none;box-sizing:border-box}
.r2c-switch__option{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:100px;box-sizing:border-box;line-height:1;white-space:nowrap;text-decoration:none!important}
.r2c-switch__option--4l{--r2c-option:var(--r2c-4l);--r2c-tint:#e3f6fa}
.r2c-switch__option--rodeo{--r2c-option:var(--r2c-rodeo);--r2c-tint:#ffece0}
.r2c-switch__text{display:flex;flex-direction:column;gap:2px;text-align:left}
/* Small line: 12px wherever the words fit, 11px on phones of 400px and less (see below). */
.r2c-switch__hint{font-size:12px;font-weight:500;line-height:13px}
/* "Pièces", the one-word version of "Pièces actuelles", is shown only at 389px and less. */
.r2c-switch__short{display:none}
.r2c-switch__name{font-size:16px;font-weight:600;line-height:18px}
/* Current vehicle: filled with its colour, white text, white ticked disc. Flat and not a link. Nothing else is ever filled. */
.r2c-switch__option.is-active{padding:0 18px 0 10px;background:var(--r2c-option);color:#fff!important;cursor:default}
.r2c-switch__option.is-active .r2c-switch__hint{font-weight:600}
.r2c-switch__mark{display:flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;border-radius:50%;background:#fff;color:var(--r2c-option)}
.r2c-switch__mark svg{display:block;width:13px;height:13px}
/* Other vehicle: a real button. White, raised, outlined in its colour, with an arrow disc. It reads as clickable without any hover. */
a.r2c-switch__option{--r2c-pad-text:18px;--r2c-pad-go:8px;padding:0 var(--r2c-pad-go) 0 var(--r2c-pad-text);background:#fff;color:var(--r2c-ink)!important;box-shadow:inset 0 0 0 2px var(--r2c-option);cursor:pointer;transition:background-color .16s ease,box-shadow .16s ease,transform .1s ease}
/* The 4L button is the left half: its arrow comes first and points left, away from the current vehicle. */
a.r2c-switch__option--4l{padding:0 var(--r2c-pad-text) 0 var(--r2c-pad-go)}
a.r2c-switch__option .r2c-switch__hint{color:#414c47}
.r2c-switch__go{display:flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--r2c-option);color:#fff;box-sizing:border-box;transition:transform .16s ease}
.r2c-switch__go svg{display:block;width:12px;height:12px}
/* Mouse only: the button stays white; thicker outline and the arrow moves the way it points. */
@media(hover:hover){
 a.r2c-switch__option:hover{box-shadow:inset 0 0 0 3px var(--r2c-option)}
 a.r2c-switch__option:hover .r2c-switch__go{transform:translateX(3px)}
 a.r2c-switch__option--4l:hover .r2c-switch__go{transform:translateX(-3px)}
}
a.r2c-switch__option:active{transform:translateY(1px);box-shadow:inset 0 0 0 2px var(--r2c-option)}
/* The tap area of the button is 48px high at every width, whatever the height of the track. */
a.r2c-switch__option::after{content:"";position:absolute;inset:-1px 0}
.r2c-demo-native a.r2c-switch__option:focus-visible{outline:2px solid var(--r2c-ink)!important;outline-offset:2px}
/* After the click: never filled. Light tint of the vehicle colour (the only state with a tint), dark text, and the arrow disc becomes a spinner while the old page is still on screen (30s at most, see native.js). */
a.r2c-switch__option.is-loading{background:var(--r2c-tint);box-shadow:inset 0 0 0 2px var(--r2c-option);cursor:progress}
a.r2c-switch__option.is-loading .r2c-switch__go{background:none;border:2px solid #15151526;border-top-color:var(--r2c-option);transform:none;animation:r2c-switch-spin .7s linear infinite}
a.r2c-switch__option.is-loading .r2c-switch__go svg{display:none}
@keyframes r2c-switch-spin{to{transform:rotate(360deg)}}
.r2c-switch__notice{position:absolute;z-index:20;top:calc(100% + 10px);left:0;display:flex;align-items:flex-start;gap:10px;padding:10px 16px;border-radius:8px;background:var(--r2c-ink);color:#fff;font-size:14px;font-weight:400;line-height:1.35;white-space:nowrap;opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}
.r2c-switch__notice::before{content:"";flex:none;width:9px;height:9px;margin-top:5px;border-radius:50%;background:var(--r2c-current-accent)}
.r2c-switch__notice.is-visible{opacity:1;transform:none}
.r2c-switch__notice strong{font-weight:600}
.r2c-demo-empty-category{display:none!important}
/* "Catégories" side menu (Elementor popup 64841), private preview only. Elementor still opens it and owns the accordions; colours stay those of the popup, so Rodéo follows in orange. */
/* The panel hangs under the "Catégories" button wherever the page is scrolled (native.js measures the button); the page below the header is dimmed and closes the menu on click. */
.r2c-demo-native #elementor-popup-modal-64841 .dialog-widget-content{top:var(--r2c-cat-top,198px)!important;margin-top:0!important}
.r2c-demo-native #elementor-popup-modal-64841 .dialog-message{height:calc(100vh - var(--r2c-cat-top,198px))!important;height:calc(100dvh - var(--r2c-cat-top,198px))!important;max-height:none!important;background:rgba(14,14,14,.6)}
/* The header template has its own veil (#conteneur), flipped on every click on the Categories button, so it stays dark after any other way of closing. The veil above follows the real state of the panel and replaces it. */
.r2c-demo-native #conteneur{opacity:0!important}
.r2c-demo-native .elementor-64841 .elementor-element.elementor-element-7af926e0{top:calc(var(--r2c-cat-top,198px) - 2px)}
/* Opening and closing: Elementor slid the whole full-width layer across the screen, and the fixed search bar then glided into place on its own. Here the layer stays put, the veil fades, and the search bar and the list ease in together over a few pixels. */
.r2c-demo-native #elementor-popup-modal-64841 .dialog-widget-content{animation:none!important}
.r2c-demo-native #elementor-popup-modal-64841 .dialog-message{animation:r2c-cat-veil .22s ease-out backwards}
.r2c-demo-native .elementor-64841 .elementor-element.elementor-element-7af926e0,.r2c-demo-native .elementor-64841 .elementor-element.elementor-element-707ccfe1{transition:none;animation:r2c-cat-in .24s cubic-bezier(.2,.7,.2,1) backwards}
.r2c-demo-native #elementor-popup-modal-64841 .dialog-widget-content.reverse .dialog-message{animation:r2c-cat-veil-out .18s ease-in forwards}
.r2c-demo-native #elementor-popup-modal-64841 .dialog-widget-content.reverse .elementor-element.elementor-element-7af926e0,.r2c-demo-native #elementor-popup-modal-64841 .dialog-widget-content.reverse .elementor-element.elementor-element-707ccfe1{animation:r2c-cat-out .18s ease-in forwards}
@keyframes r2c-cat-veil{from{background-color:rgba(14,14,14,0)}}
@keyframes r2c-cat-veil-out{to{background-color:rgba(14,14,14,0)}}
@keyframes r2c-cat-in{from{opacity:0;transform:translateX(-22px)}}
@keyframes r2c-cat-out{to{opacity:0;transform:translateX(-22px)}}
/* Search and "Fermer" on one row; the list starts right under that fixed bar. */
.r2c-demo-native .elementor-64841 .elementor-element.elementor-element-7af926e0{--padding-top:14px;--padding-bottom:14px;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}
.r2c-demo-native .elementor-64841 .elementor-element.elementor-element-6049dae{flex:1 1 0;width:auto;max-width:none;min-width:0}
.r2c-demo-native .elementor-64841 .elementor-element.elementor-element-707ccfe1{--padding-top:97px}
/* The panel ends on its last line: natively a white band of 70 pixels (100 on phones) hung under "MAXI PACK", and an empty container and an empty screen height could be scrolled under the list. */
.r2c-demo-native .elementor-64841 .elementor-element.elementor-element-707ccfe1{--padding-bottom:0px}
.r2c-demo-native .elementor-64841 .elementor-element.elementor-element-4d9dc9c6{--min-height:0px;min-height:0}
.r2c-demo-native .elementor-64841 .elementor-element.elementor-element-4939f38e{display:none}
.r2c-demo-native .elementor-64841 button.r2c-cat-close{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;height:56px;margin:0;padding:0 18px;border:1px solid #dedede;border-radius:6px;background:#fff;color:var(--r2c-ink);font:500 16px/1 Kanit,sans-serif;text-transform:none;letter-spacing:0;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.r2c-demo-native .elementor-64841 button.r2c-cat-close:hover,.r2c-demo-native .elementor-64841 button.r2c-cat-close:focus-visible{border-color:var(--r2c-ink);background:var(--r2c-ink);color:#fff}
.r2c-demo-native .elementor-64841 button.r2c-cat-close:focus-visible{outline:2px solid var(--r2c-current-accent);outline-offset:2px}
.r2c-cat-close svg{flex:none;width:13px;height:13px}
/* Family rows: lower, icons in a column of equal width so the names line up, and an arrow that turns when the family is open. */
.r2c-demo-native .elementor-64841 .elementor-element.elementor-widget-n-accordion{--n-accordion-padding:21px 30px 21px 36px;--n-accordion-title-font-size:20px;--n-accordion-icon-size:32px;--n-accordion-icon-gap:16px}
.r2c-demo-native .elementor-64841 .e-n-accordion-item-title{gap:16px}
.r2c-demo-native .elementor-64841 .e-n-accordion-item-title-icon{flex:none;justify-content:center;width:46px}
.r2c-demo-native .elementor-64841 .e-n-accordion-item-title-icon svg{max-width:100%}
.r2c-demo-native .elementor-64841 .e-n-accordion-item-title::after{content:"";flex:none;width:9px;height:9px;margin:-5px 4px 0 auto;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .2s,margin .2s}
.r2c-demo-native .elementor-64841 .e-n-accordion-item[open]>.e-n-accordion-item-title::after{margin-top:5px;transform:rotate(-135deg)}
/* "Tout voir : <famille>" (formerly "Tous les produits") and the sub-categories. */
.r2c-demo-native .elementor-64841 .e-n-accordion-item a.elementor-element.e-con{--padding-top:18px;--padding-bottom:18px}
/* The button tells whether the menu is open. Natively its cross and its square corners flipped at each click on it, so they stayed wrong after Échap or a click beside the menu, and the arrow stayed under the cross. */
.r2c-demo-native header .elementor-element-6a4ec5e .elementor-element.elementor-element-dd3672c{border-radius:25px!important}
.r2c-demo-native header .elementor-element-6a4ec5e .elementor-element.elementor-element-dd3672c .wppb-font-close{opacity:0!important;margin-bottom:10px!important}
.r2c-demo-native header .elementor-element-6a4ec5e .elementor-element.elementor-element-4d315fa{transition:opacity .2s}
.r2c-cat-open .r2c-demo-native header .elementor-element-6a4ec5e .elementor-element.elementor-element-dd3672c{border-radius:25px 25px 0 0!important}
.r2c-cat-open .r2c-demo-native header .elementor-element-6a4ec5e .elementor-element.elementor-element-dd3672c .wppb-font-close{opacity:1!important;margin-bottom:0!important}
.r2c-cat-open .r2c-demo-native header .elementor-element-6a4ec5e .elementor-element.elementor-element-4d315fa{opacity:0}
/* Elementor's « Portable » breakpoint is on, but no page has a setting for it: from 1025 to 1366 pixels, everything hidden on computers (phone logo, burger, phone bottom bar) was shown too. Laptops now follow the computer layout. */
@media(min-width:1025px) and (max-width:1366px){.elementor .elementor-hidden-desktop{display:none}header .elementor-element.elementor-element-3a86a9c{--padding-left:24px!important;--padding-right:24px!important}}
/* One list at every width. On computers the sub-categories flew out to the right on hover, over the page; between 1025 and 1366 pixels both lists were shown one under the other. The list that unfolds inside the panel (the one phones already had) is now the only one. */
.r2c-demo-native .elementor-64841 .e-n-accordion-item .e-con.elementor-hidden-tablet.elementor-hidden-mobile{display:none!important}
.r2c-demo-native .elementor-64841 .e-n-accordion-item .e-con.elementor-hidden-desktop{display:flex!important}
/* An arrow on entries that unfold, and sub-entries set back. */
.r2c-demo-native .elementor-64841 .elementor-nav-menu--dropdown a.elementor-item,.r2c-demo-native .elementor-64841 .elementor-nav-menu--dropdown a.elementor-sub-item{padding-top:18px;padding-bottom:18px}
.r2c-demo-native .elementor-64841 .elementor-nav-menu--dropdown a.has-submenu{display:flex;align-items:center;justify-content:space-between;gap:12px}
.r2c-demo-native .elementor-64841 .elementor-nav-menu--dropdown .sub-arrow{flex:none;align-items:center;justify-content:center;width:20px;height:20px;padding:0}
.r2c-demo-native .elementor-64841 .elementor-nav-menu--dropdown .sub-arrow::after{content:"";width:8px;height:8px;margin-top:-4px;border:solid var(--r2c-ink);border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .2s,margin .2s}
.r2c-demo-native .elementor-64841 .elementor-nav-menu--dropdown a.highlighted .sub-arrow::after{margin-top:4px;transform:rotate(-135deg)}
.r2c-demo-native .elementor-64841 .elementor-nav-menu--dropdown ul.sub-menu a.elementor-sub-item{padding-left:66px;border-left-width:0}
/* Deeper levels, if the menu ever gets some (it has none today), keep stepping in. */
.r2c-demo-native .elementor-64841 .elementor-nav-menu--dropdown ul.sub-menu ul.sub-menu a.elementor-sub-item{padding-left:92px}
.r2c-demo-native .elementor-64841 .elementor-nav-menu--dropdown ul.sub-menu ul.sub-menu ul.sub-menu a.elementor-sub-item{padding-left:118px}
.r2c-demo-native .elementor-64841 .elementor-nav-menu--dropdown .r2c-cat-all-sub>a{font-weight:600}
@media(min-width:1025px){
 .r2c-demo-native .elementor-64841 .e-n-accordion-item a.elementor-element.e-con.r2c-cat-all{--padding-left:65px;--padding-top:16px;--padding-bottom:16px}
 .r2c-demo-native .elementor-64841 .elementor-nav-menu--dropdown a.elementor-item{padding-left:65px;padding-right:30px;font-size:19px}
 .r2c-demo-native .elementor-64841 .elementor-nav-menu--dropdown ul.sub-menu a.elementor-sub-item{padding-left:100px;padding-right:30px;font-size:17px}
 .r2c-demo-native .elementor-64841 .elementor-nav-menu--dropdown ul.sub-menu ul.sub-menu a.elementor-sub-item{padding-left:135px;font-size:16px}
 .r2c-demo-native .elementor-64841 .elementor-nav-menu--dropdown ul.sub-menu ul.sub-menu ul.sub-menu a.elementor-sub-item{padding-left:170px}
}
/* Page en cours : a bar of the vehicle colour on its entry, and on the entry that contains it. */
.r2c-demo-native .elementor-64841 a.r2c-cat-current,.r2c-demo-native .elementor-64841 a.r2c-cat-parent{box-shadow:inset 5px 0 0 var(--r2c-current-accent)}
.r2c-demo-native .elementor-64841 a.r2c-cat-current{font-weight:600}
@media(max-width:767px){
 .r2c-demo-native .elementor-64841 .elementor-element.elementor-element-7af926e0{--padding-left:16px;--padding-right:16px;gap:10px}
 .r2c-demo-native .elementor-64841 button.r2c-cat-close{width:56px;padding:0}
 .r2c-cat-close span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .r2c-cat-close svg{width:16px;height:16px}
 .r2c-demo-native .elementor-64841 .elementor-element.elementor-widget-n-accordion{--n-accordion-padding:17px 22px 17px 24px;--n-accordion-title-font-size:18px;--n-accordion-icon-size:28px;--n-accordion-icon-gap:12px}
 .r2c-demo-native .elementor-64841 .e-n-accordion-item-title{gap:12px}
 .r2c-demo-native .elementor-64841 .e-n-accordion-item-title-icon{width:40px}
 .r2c-demo-native .elementor-64841 .e-n-accordion-item a.elementor-element.e-con{--padding-left:24px}
 .r2c-demo-native .elementor-64841 .elementor-nav-menu--dropdown a.elementor-item{padding-left:24px;padding-right:22px}
 .r2c-demo-native .elementor-64841 .elementor-nav-menu--dropdown ul.sub-menu a.elementor-sub-item{padding-left:50px;padding-right:22px}
 .r2c-demo-native .elementor-64841 .elementor-nav-menu--dropdown ul.sub-menu ul.sub-menu a.elementor-sub-item{padding-left:72px}
 .r2c-demo-native .elementor-64841 .elementor-nav-menu--dropdown ul.sub-menu ul.sub-menu ul.sub-menu a.elementor-sub-item{padding-left:94px}
}
/* The native rule centres the 325px live results for a search field that started at 65px; it now starts at 16px. */
@media only screen and (max-width:575px){.r2c-demo-native .elementor-64841 .elementor-element.elementor-element-6049dae .e-search-results-container{left:calc((100vw - 325px)/2 - 17px)!important}}
@media(min-width:1025px){
 .r2c-switch{margin-right:0}
 .r2c-demo-native header .elementor-element-d21bc7b>.elementor-element-3e6801c{margin-left:auto;margin-right:auto}
}
@media(max-width:1340px){
 .r2c-demo-native header .elementor-element-d21bc7b{gap:16px}
 .r2c-demo-native header .elementor-element-3e6801c .elementor-nav-menu--main .elementor-item{padding-left:9px;padding-right:9px}
 .r2c-switch__option{gap:8px}
 .r2c-switch__option.is-active{padding:0 15px 0 9px}
 a.r2c-switch__option{--r2c-pad-text:15px;--r2c-pad-go:7px}
 .r2c-switch__go{width:22px;height:22px}
}
@media(max-width:1260px) and (min-width:1025px){
 .r2c-demo-native header .elementor-element-d21bc7b{gap:12px}
 .r2c-demo-native header .elementor-element-6a4ec5e{min-width:200px}
 .r2c-demo-native header .elementor-element-3e6801c .elementor-nav-menu--main .elementor-item{padding-left:7px;padding-right:7px}
 /* The word « Catégories » was pushed out of its button by the template's 75px gap. */
 .r2c-demo-native .elementor-53619 .elementor-element.elementor-element-dd3672c{width:100%}
 .r2c-demo-native .elementor-53619 .elementor-element.elementor-element-dd3672c .elementor-icon-box-wrapper{gap:12px;justify-content:space-between;width:100%}
}
/* Small laptops: the search field shrank to one letter and the menu and the phone number wrapped onto a second line. */
@media(max-width:1240px) and (min-width:1025px){
 .r2c-demo-native header .elementor-element-6a7fc40{gap:24px}
 .r2c-demo-native header .elementor-element-6a7fc40>.e-con{flex:0 0 auto;width:auto}
 .r2c-demo-native header .elementor-element-babb3da{flex:1 1 0;min-width:0;width:auto}
 .r2c-demo-native header .elementor-element-d21bc7b>.elementor-element-6a4ec5e{min-width:0;flex:0 0 165px;width:165px}
 .r2c-demo-native header .elementor-element-3e6801c{flex:0 0 auto}
 .r2c-demo-native header .elementor-element-3e6801c .elementor-nav-menu{flex-wrap:nowrap}
 .r2c-demo-native header .elementor-element-3e6801c .elementor-nav-menu--main .elementor-item{padding-left:5px;padding-right:5px;font-size:15px;white-space:nowrap}
 .r2c-demo-native header .elementor-element-06fe623 .elementor-icon-list-text{font-size:15px;white-space:nowrap}
}
/* The Rodéo menu has one more entry (« Vues éclatées »): under 1130 pixels the phone number no longer fits, so only its icon stays, still a link. */
@media(max-width:1130px) and (min-width:1025px){
 .r2c-demo-native.r2c-universe-rodeo header .elementor-element-06fe623 .elementor-icon-list-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
}
@media(max-width:1260px) and (min-width:1025px),(max-width:860px){
 .r2c-switch__brand{display:none}
 .r2c-switch__option{gap:5px}
 .r2c-switch__option.is-active{padding:0 10px 0 8px}
 a.r2c-switch__option{--r2c-pad-text:11px;--r2c-pad-go:6px}
 .r2c-switch__mark,.r2c-switch__go{width:18px;height:18px}
 .r2c-switch__mark svg{width:11px;height:11px}
 .r2c-switch__go svg{width:10px;height:10px}
}
@media(max-width:1024px){
 .r2c-switch__track{height:46px}
 a.r2c-switch__option::after{inset:-6px 0}
 /* Lower row: the two lines sit closer and the text sides get more room, so the words stay clear of the rounded ends. */
 .r2c-switch__text{gap:0}
 .r2c-switch__name{line-height:17px}
 .r2c-switch__option.is-active{padding-right:13px}
 a.r2c-switch__option{--r2c-pad-text:14px}
}
@media(max-width:767px){
 .r2c-demo-native header .elementor-element-d21bc7b{gap:10px}
 .r2c-demo-native header .elementor-element-d21bc7b>.elementor-element-7ff7138{display:none}
 /* The switch fills the rest of the row and never shrinks below its content. */
 .r2c-switch{flex:1 0 auto;margin-right:0}
 /* Two lines of text in a 42px row: the corners are 12px instead of a full pill, which would cut into the ends of the first line. */
 .r2c-switch__track{height:42px;padding:3px;gap:3px;border-radius:15px}
 a.r2c-switch__option::after{inset:-7px 0}
 /* Phones: the words stay on screen, on two lines. Line 1 is the small line; line 2 is the short name, with the tick or the arrow on its outer side. */
 .r2c-switch__option{display:grid;flex:1 1 auto;grid-template-columns:auto 14px;justify-content:center;align-content:center;align-items:center;gap:0 4px;border-radius:12px}
 .r2c-switch__option.is-active,a.r2c-switch__option--4l{grid-template-columns:14px auto}
 .r2c-switch__option.is-active{padding:0 7px}
 a.r2c-switch__option{--r2c-pad-text:7px;--r2c-pad-go:7px}
 .r2c-switch__text{display:contents}
 .r2c-switch__hint{grid-area:1/1/2/-1;line-height:12px}
 .r2c-switch__name{grid-row:2;font-size:15px;line-height:16px}
 .r2c-switch__mark,.r2c-switch__go{grid-row:2;width:14px;height:14px}
 .r2c-switch__mark svg{width:9px;height:9px}
 .r2c-switch__go svg{width:8px;height:8px}
 .r2c-switch__notice{left:auto;right:0;gap:8px;padding:10px 14px;white-space:normal;width:max-content;max-width:calc(100vw - 40px)}
}
@media(max-width:400px){
 /* At 400px and less the two small lines only fit at 11px. */
 .r2c-switch__hint{font-size:11px}
}
@media(max-width:389px){
 /* No room for "Pièces actuelles" inside its half: the word "Véhicule" is written above the switch and the half says "Pièces", with the tick in front of it. "Changer pour" stays whole. */
 .r2c-switch__long{display:none}
 .r2c-switch__short{display:inline}
 .r2c-switch__label{bottom:calc(100% + 3px);left:11px;width:auto;height:auto;overflow:visible;clip:auto;color:#414c47;font-size:12px;font-weight:500;line-height:13px}
 .r2c-switch__option.is-active{grid-template-columns:12px auto;column-gap:3px}
 .r2c-switch__option.is-active .r2c-switch__mark{grid-row:1;width:12px;height:12px}
 .r2c-switch__option.is-active .r2c-switch__mark svg{width:8px;height:8px}
 .r2c-switch__option.is-active .r2c-switch__hint{grid-area:1/2/2/3}
 .r2c-switch__option.is-active .r2c-switch__name{grid-area:2/1/3/-1}
}
@media(max-width:359px){
 /* Smallest phones: "Catégories" gives up 33px of inner spacing (10px on the left, 10px between its text and its arrow, 13px on the right; same text, same icon, same height) so that every word, the tick and the arrow of the switch stay on screen. */
 .r2c-demo-native header .elementor-element-d21bc7b{gap:8px}
 .r2c-demo-native header .elementor-element-6a4ec5e .elementor-element-dd3672c{padding-left:10px;padding-right:12px}
 .r2c-demo-native header .elementor-element-6a4ec5e .elementor-element-dd3672c .elementor-icon-box-wrapper{gap:12px}
 .r2c-demo-native header .elementor-element-d21bc7b .elementor-element-6a4ec5e .elementor-element.elementor-element-4d315fa{right:12px}
 .r2c-switch__label{left:9px}
 .r2c-switch__option.is-active{padding:0 6px}
}
/* Rodéo home: "Vues éclatées" block in place of "Configurez votre recherche", in the same white card. */
.r2c-diagrams{font-family:'Kanit',sans-serif;max-width:800px;margin:0 auto;position:relative}
.r2c-diagrams__card{background:#fff;padding:30px;border-radius:12px;margin-bottom:30px;box-shadow:0 4px 15px rgba(0,0,0,.08);border:2px solid #f0f0f0}
.r2c-diagrams .r2c-diagrams__title{margin:0 0 6px;text-align:center;font-family:'Kanit',sans-serif;font-size:28px;font-weight:800;line-height:1.15;color:#000;text-transform:uppercase;letter-spacing:1px}
.r2c-diagrams__lead{margin:0 0 22px;text-align:center;font-size:16px;line-height:1.4;color:#555}
.r2c-diagrams__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.r2c-diagrams__grid li{margin:0;padding:0;list-style:none}
.r2c-diagrams__model{display:flex;flex-direction:column;align-items:center;height:100%;box-sizing:border-box;padding:10px 10px 14px;border:3px solid #e1e5e9;border-radius:10px;background:#fff;color:#000;text-align:center;text-decoration:none;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.r2c-diagrams__model:hover,.r2c-diagrams__model:focus-visible{border-color:var(--r2c-rodeo);box-shadow:0 6px 16px rgba(255,96,0,.18);transform:translateY(-2px);color:#000}
.r2c-diagrams__model:focus-visible{outline:2px solid #000;outline-offset:2px}
.r2c-diagrams__picture{display:block;position:relative;width:100%;height:0;padding-top:75%;margin-bottom:10px;background:#fff}
.r2c-diagrams .r2c-diagrams__img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain}
.r2c-diagrams__name{font-size:17px;font-weight:700;line-height:1.2;text-transform:uppercase}
.r2c-diagrams__count{margin-top:4px;font-size:14px;line-height:1.2;color:#666}
.r2c-diagrams .r2c-diagrams__all{display:flex;align-items:center;justify-content:center;gap:10px;max-width:400px;margin:24px auto 0;padding:18px 40px;text-align:center;border-radius:10px;background:var(--r2c-rodeo);color:#fff;font-size:18px;font-weight:700;line-height:1.2;text-transform:uppercase;text-decoration:none;transition:background-color .2s ease}
.r2c-diagrams .r2c-diagrams__all:hover,.r2c-diagrams .r2c-diagrams__all:focus-visible{background:#000;color:#fff}
.r2c-diagrams__all svg{width:16px;height:16px;flex:none}
@media(max-width:767px){.r2c-diagrams__card{padding:20px 15px}.r2c-diagrams .r2c-diagrams__title{font-size:20px}.r2c-diagrams__lead{font-size:14px;margin-bottom:16px}.r2c-diagrams__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.r2c-diagrams__model{padding:8px 6px 10px}.r2c-diagrams__name{font-size:14px}.r2c-diagrams__count{font-size:12px}.r2c-diagrams .r2c-diagrams__all{margin-top:18px;padding:14px 20px;font-size:15px}}
/* First-visit tutorial. The dimmed layer leaves a hole over the element shown (native.js); the ring outlines that hole. */
.r2c-tour{position:fixed;inset:0;z-index:2147483000;font-family:Kanit,sans-serif;opacity:0;transition:opacity .2s ease}
.r2c-tour.is-visible{opacity:1}
.r2c-tour__dim{position:fixed;inset:0;background:rgba(21,21,21,.6)}
.r2c-tour__ring{position:fixed;box-sizing:border-box;border:3px solid var(--r2c-current-accent);border-radius:14px;pointer-events:none}
.r2c-tour.is-free .r2c-tour__ring{display:none}
.r2c-tour__card{position:fixed;box-sizing:border-box;width:min(380px,calc(100vw - 32px));padding:22px 20px 16px;border-radius:12px;background:linear-gradient(var(--r2c-current-accent),var(--r2c-current-accent)) top/100% 5px no-repeat #fff;color:var(--r2c-ink);box-shadow:0 12px 32px rgba(0,0,0,.25);text-align:left;transform:translateY(6px);transition:transform .2s ease}
.r2c-tour.is-visible .r2c-tour__card{transform:none}
.r2c-demo-native .r2c-tour .r2c-tour__step{margin:0 0 6px;color:#414c47;font-size:13px;font-weight:500;line-height:1.3;letter-spacing:.03em;text-transform:uppercase}
.r2c-demo-native .r2c-tour .r2c-tour__title{margin:0 0 8px;padding:0;color:var(--r2c-ink);font:600 21px/1.25 Kanit,sans-serif;letter-spacing:0;text-transform:none}
.r2c-demo-native .r2c-tour .r2c-tour__text{margin:0;color:var(--r2c-ink);font-size:16px;font-weight:400;line-height:1.45}
.r2c-tour__text strong{font-weight:600}
.r2c-tour__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:18px}
.r2c-demo-native .r2c-tour button{flex:none;height:44px;min-width:0;margin:0;padding:0 18px;border:1px solid #dedede;border-radius:8px;background:#fff;color:var(--r2c-ink);font:500 16px/1 Kanit,sans-serif;letter-spacing:0;text-transform:none;box-shadow:none;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.r2c-demo-native .r2c-tour button[hidden]{display:none}
.r2c-demo-native .r2c-tour button.r2c-tour__skip{margin-right:auto;padding:0 6px;border-color:transparent;background:none;color:#414c47;text-decoration:underline;text-underline-offset:3px}
.r2c-demo-native .r2c-tour button.r2c-tour__next{padding:0 22px;border-color:var(--r2c-current-accent);background:var(--r2c-current-accent);color:#fff;font-weight:600}
@media(hover:hover){
 .r2c-demo-native .r2c-tour button.r2c-tour__back:hover{border-color:var(--r2c-ink);background:#fff;color:var(--r2c-ink)}
 .r2c-demo-native .r2c-tour button.r2c-tour__skip:hover{background:none;color:var(--r2c-ink)}
 .r2c-demo-native .r2c-tour button.r2c-tour__next:hover{border-color:var(--r2c-ink);background:var(--r2c-ink);color:#fff}
}
.r2c-demo-native .r2c-tour button:focus-visible{outline:2px solid var(--r2c-ink);outline-offset:2px}
@media(max-width:767px){
 /* Phones: a panel along the bottom of the screen, the highlighted element stays above it. */
 .r2c-tour__card{top:auto;right:0;bottom:0;left:0;width:auto;padding:20px 16px calc(14px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;box-shadow:0 -8px 24px rgba(0,0,0,.2)}
 .r2c-demo-native .r2c-tour .r2c-tour__title{font-size:19px}
 .r2c-demo-native .r2c-tour .r2c-tour__text{font-size:15px}
 .r2c-tour__actions{margin-top:16px}
}
@media(max-width:359px){.r2c-demo-native .r2c-tour button{padding:0 14px}.r2c-demo-native .r2c-tour button.r2c-tour__next{padding:0 18px}}
@media(prefers-reduced-motion:reduce){.r2c-demo-native #elementor-popup-modal-64841 .dialog-message,.r2c-demo-native #elementor-popup-modal-64841 .elementor-element.elementor-element-7af926e0,.r2c-demo-native #elementor-popup-modal-64841 .elementor-element.elementor-element-707ccfe1{animation:none!important}.r2c-cat-close,.r2c-demo-native .elementor-64841 .e-n-accordion-item-title::after,.r2c-demo-native .elementor-64841 .sub-arrow::after{transition:none!important}.r2c-switch__option,.r2c-switch__go,.r2c-switch__notice{transition:none!important;transform:none!important}a.r2c-switch__option.is-loading .r2c-switch__go{animation:none}.r2c-diagrams__model,.r2c-diagrams .r2c-diagrams__all{transition:none!important;transform:none!important}.r2c-tour,.r2c-tour__card,.r2c-tour button{transition:none!important;transform:none!important}}
.e-con:has(> .elementor-widget-shortcode .r2c-engine-off){display:none!important}