PageSourceSearch

https://vipros.fr/

html vipros.fr collected 2026-10-04 22:35:49 UTC 322,884 bytes, 3,028 lines download raw bytes

1<!doctype html>
2
3<html lang="fr-FR" data-theme="default">
4
5<head>
6    <meta charset="utf-8">
7    <meta name="viewport" content="width=device-width, initial-scale=1">
8        <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
9
10	<!-- This site is optimized with the Yoast SEO plugin v24.9 - https://yoast.com/wordpress/plugins/seo/ -->
11	<title>Accueil &#8211; VIPros</title>
12	<meta name="description" content="Boostez votre pouvoir d&#039;achat avec le 1er Club Professionnel ! Profitez de cashback exclusifs toute l&#039;année, d&#039;un programme de fidélité multi-marques et d&#039;avantages sur vos achats pros. Enregistrez vos factures en quelques clics et transformez vos dépenses en économies. Découvrez les offres du moment et cumulez des VIPoints pour obtenir des cartes cadeaux multi-enseignes. Rejoignez-nous dès maintenant !" />
13	<link rel="canonical" href="https://vipros.fr/" />
14	<meta property="og:locale" content="fr_FR" />
15	<meta property="og:type" content="website" />
16	<meta property="og:title" content="Accueil &#8211; VIPros" />
17	<meta property="og:description" content="Boostez votre pouvoir d&#039;achat avec le 1er Club Professionnel ! Profitez de cashback exclusifs toute l&#039;année, d&#039;un programme de fidélité multi-marques et d&#039;avantages sur vos achats pros. Enregistrez vos factures en quelques clics et transformez vos dépenses en économies. Découvrez les offres du moment et cumulez des VIPoints pour obtenir des cartes cadeaux multi-enseignes. Rejoignez-nous dès maintenant !" />
18	<meta property="og:url" content="https://vipros.fr/" />
19	<meta property="og:site_name" content="VIPros" />
20	<meta property="article:modified_time" content="2026-08-13T12:03:29+00:00" />
21	<meta property="og:image" content="https://vipros.fr/app/uploads/2025/04/image_inscription_vipros.png" />
22	<meta property="og:image:width" content="768" />
23	<meta property="og:image:height" content="452" />
24	<meta property="og:image:type" content="image/png" />
25	<meta name="twitter:card" content="summary_large_image" />
26	
26<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://vipros.fr/","url":"https://vipros.fr/","name":"Accueil &#8211; VIPros","isPartOf":{"@id":"https://vipros.fr/#website"},"datePublished":"2024-08-13T13:26:53+00:00","dateModified":"2026-08-13T12:03:29+00:00","description":"Boostez votre pouvoir d'achat avec le 1er Club Professionnel ! Profitez de cashback exclusifs toute l'année, d'un programme de fidélité multi-marques et d'avantages sur vos achats pros. Enregistrez vos factures en quelques clics et transformez vos dépenses en économies. Découvrez les offres du moment et cumulez des VIPoints pour obtenir des cartes cadeaux multi-enseignes. Rejoignez-nous dès maintenant !","breadcrumb":{"@id":"https://vipros.fr/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https://vipros.fr/"]}]},{"@type":"BreadcrumbList","@id":"https://vipros.fr/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://vipros.fr/#website","url":"https://vipros.fr/","name":"VIPros","description":"Avantages aux pros","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://vipros.fr/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}</script>
26
27	<!-- / Yoast SEO plugin. -->
28
29
30<style id='wp-img-auto-sizes-contain-inline-css'>
31img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
32/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
33</style>
34<style id='wp-block-library-inline-css'>
35:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
35--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
36/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
37</style>
38<link rel='stylesheet' id='cmplz-general-css' href='https://vipros.fr/app/plugins/complianz-gdpr/assets/css/cookieblocker.min.css?ver=1741710170' media='all' />
39<link rel='stylesheet' id='swiper-css-css' href='https://vipros.fr/app/themes/vipros/resources/styles/libraries/swiper-bundle.min.css?ver=11.0.0' media='all' />
40<link rel='stylesheet' id='cmplz-banner-1-optin-css' href='https://vipros.fr/app/uploads/complianz/css/banner-1-optin.css?ver=1784878972' media='all' />
41			<style>.cmplz-hidden {
42					display: none !important;
43				}</style>
44				<!-- Browsee -->
45<script> window._browsee = window._browsee || function () { (_browsee.q = _browsee.q || []).push(arguments) }; _browsee('init', '85f5c9504dde98dcb48343155b17a59401a022613a9ce661'); </script>
45 
45<script async src='https://cdn.browsee.io/js/browsee.min.js'></script>
45
46
47<!-- Google tag (gtag.js) -->
vendor: 66 bytes, lines 47-48
47 
48<script async src="https://www.googletagmanager.com/gtag/js?id=
48G-MF00363MV5
vendor: 14 bytes, line 48
48"></script> 
49<script> 
vendor: 127 bytes, line 49
49window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
49G-MF00363MV5
vendor: 4 bytes, line 49
49'); 
49</script>
49
50
51<!-- Google Tag Manager -->
52<script>
vendor: 331 bytes, lines 52-56
52(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
53new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
54j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
55'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
56})(window,document,'script','dataLayer','
56GTM-K7GZ7RK7
vendor: 3 bytes, line 56
56');
56</script>
56
57<!-- End Google Tag Manager -->
58
59<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 59-60
59
60<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
60GTM-K7GZ7RK7
vendor: 85 bytes, lines 60-61
60"
61height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
62<!-- End Google Tag Manager (noscript) -->
63
64<!-- Web Mechanics -->
65<!-- 
65<script>
66    (function(w,d,t,u,n,a,m){w['MauticTrackingObject']=n;
67        w[n]=w[n]||function(){(w[n].q=w[n].q||[]).push(arguments)},a=d.createElement(t),
68            m=d.getElementsByTagName(t)[0];a.async=1;a.src=u;m.parentNode.insertBefore(a,m)
69    })(window,document,'script','https://webmecanik.vipros.fr/mtc.js','mt');
70
71    mt('send', 'pageview');
72</script>
72 --><link rel="icon" href="https://vipros.fr/app/uploads/2025/04/cropped-favicon-32x32.png" sizes="32x32" />
73<link rel="icon" href="https://vipros.fr/app/uploads/2025/04/cropped-favicon-192x192.png" sizes="192x192" />
74<link rel="apple-touch-icon" href="https://vipros.fr/app/uploads/2025/04/cropped-favicon-180x180.png" />
75<meta name="msapplication-TileImage" content="https://vipros.fr/app/uploads/2025/04/cropped-favicon-270x270.png" />
76    <link rel="preload" as="style" href="https://vipros.fr/app/themes/vipros/public/build/assets/app-BHHb8lUn.css" /><link rel="modulepreload" as="script" href="https://vipros.fr/app/themes/vipros/public/build/assets/app-DtbfxBnu.js" /><link rel="stylesheet" href="https://vipros.fr/app/themes/vipros/public/build/assets/app-BHHb8lUn.css" />
76<script type="module" src="https://vipros.fr/app/themes/vipros/public/build/assets/app-DtbfxBnu.js"></script>
76        <link rel="modulepreload" as="script" href="https://vipros.fr/app/themes/vipros/public/build/assets/home-xIxHr5Em.js" />
76<script type="module" src="https://vipros.fr/app/themes/vipros/public/build/assets/home-xIxHr5Em.js"></script>
76    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #7e87ed;}[x-cloak="x-cloak"],[x-cloak=""] {display: none !important;}[wire\:cloak="wire:cloak"],[wire\:cloak=""] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
77</head>
78
79<body class="home wp-singular page-template-default page page-id-83 wp-embed-responsive wp-theme-vipros bg-white" x-data="{
80    isPageLoading: true,
81    isNavigating: false, // Track the events wire.navigate
82    externalFooterHeight: 0,
83    init() {
84        // Initial page load
85        window.addEventListener('load', () => {
86            this.isPageLoading = false;
87        });
88
89        // Padding du <main> calé sur la hauteur reelle du footer externe (fixed), pas une valeur codee en dur
90        // $nextTick : le footer est plus bas dans le DOM, pas encore lie par Alpine au moment de ce init()
91        this.$nextTick(() => {
92            if (this.$refs.externalFooter) {
93                const footer = this.$refs.externalFooter;
94                const observer = new ResizeObserver(() => {
95                    this.externalFooterHeight = footer.offsetHeight;
96                });
97                observer.observe(footer);
98            }
99        });
100
101        // Livewire navigation events
102        document.addEventListener('livewire:navigate', () => {
103            this.isNavigating = true;
104        });
105
106        // Livewire navigation events
107        document.addEventListener('livewire:navigating', () => {
108            this.isNavigating = true;
109        });
110
111        document.addEventListener('livewire:navigated', () => {
112            this.isNavigating = false;
113            this.isPageLoading = false;
114        });
115    }
116}">
117    
118    
119    <div x-show="isPageLoading" x-transition.opacity.duration.500ms class="fixed inset-0 z-50 flex items-center justify-center bg-white">
120        <span class="loading text-primary loading-lg"></span>    </div>
121
122    
123    <div x-show="isNavigating " x-transition.opacity.duration.500ms class="fixed inset-0 z-50 flex items-center justify-center bg-white/90">
124        <span class="loading text-primary loading-lg"></span>    </div>
125
126    <div id="app" class="flex flex-col min-h-screen" x-cloak>
127
128                                    <header class="sticky top-0 z-50 w-full bg-secondary/95 shadow-md backdrop-blur-sm">
129    <div class="container">
130        <div class="grid grid-cols-2 items-center gap-4 py-2 lg:grid-cols-3 xl:grid-cols-12">
131            
132            <div class="flex items-center xl:col-span-3">
133                <a wire:navigate="" class="rounded-md  flex items-end gap-2" href="https://vipros.fr" x-scroll-to>
134            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 639.51 154.02" role="img" aria-label="Logo VIPros" class="w-28">
135    <path class="fill-white"
136        d="M160.35 0l-66.18 151.89h-27.77L0 0h30.59l50.56 117.17L132.14 0h28.21ZM170.33 0h28.21v151.89h-28.21V0ZM350.2 54.03c0 33.42-24.74 54.03-64.66 54.03h-34.28v43.83h-28.21V0h62.49c39.92 0 64.66 20.4 64.66 54.03ZM321.78 54.03c0-19.09-12.8-30.16-37.54-30.16h-32.98v60.32h32.98c24.74 0 37.54-11.07 37.54-30.16ZM544.29 140.98l9.32-19.44c9.52 7.14 24 11.71 38.49 11.71 16.66 0 22.62-5.75 22.62-12.7 0-22.62-67.25-5.75-67.25-48.8 0-21.03 18.65-35.11 48.21-35.11 14.08 0 29.16 2.98 39.68 9.72l-8.53 19.44c-10.12-6.55-21.42-8.73-31.94-8.73-15.87 0-22.42 5.75-22.42 13.29 0 22.22 67.05 6.15 67.05 48.01 0 21.42-18.05 35.51-48.6 35.51-17.85 0-36.5-5.16-46.62-12.89ZM479.64 36.63c-32.42 0-
13658.7 26.28-58.7 58.7s26.28 58.7 58.7 58.7c2.21 0 4.38-.13 6.53-.37l-32.43-32.43c-6.61-6.63-10.69-15.77-10.69-25.86 0-20.23 16.4-36.63 36.63-36.63 10.1 0 19.24 4.09 25.86 10.69l32.42 32.42c.24-2.14.37-4.32.37-6.53 0-32.42-26.28-58.7-58.7-58.7ZM389.48 115.19c15.08-6.35 23.81-18.85 23.81-35.91 0-25.79-19.24-40.87-49.59-40.87h-3.75c1.09 4.7 1.69 9.58 1.69 14.61 0 1.9-.1 3.77-.26 5.62h.53c17.26 0 26.19 7.34 26.19 20.63s-8.93 20.83-26.19 20.83h-20.85c-7.39 6.85-16.39 11.97-26.36 14.75v37.03h25v-32.14h25.99l22.81 32.14h26.98l-25.99-36.7Z" />
137    <circle cx="479.64" cy="95.32" r="24.87" class="fill-accent" />
138    <path class="fill-accent" d="M481.2 131.91l18.57 18.57c16.23-5.92 29.11-18.8 35.03-35.03l-18.56-18.57c-.8 18.99-16.04 34.23-35.03 35.03Z" />
139</svg>
140                    <h2 class="hidden text-sm font-bold leading-none text-white uppercase lg:block">Avantages aux pros&nbsp;!</h2>
141    </a>
142            </div>
143
144            
145            <div class="hidden lg:flex xl:col-span-5 2xl:col-span-6">
146                <button type="button" @click.stop="$dispatch('mary-search-open')" aria-label="Rechercher une offre, une marque ou un produit"
147                    x-data="{ isMac: /Mac|iPhone|iPad|iPod/.test(navigator.platform) }"
148                    class="group flex w-full items-center gap-3 rounded-full border border-base-200 bg-white px-4 py-2 text-left text-sm text-neutral shadow-sm transition-colors hover:border-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent">
149                    <svg class="inline flex-shrink-0 w-5 h-5 shrink-0 text-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
150  <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"/>
151</svg>
152                        <span class="flex-1 truncate">Rechercher une offre, marque, un produit...</span>
153                    <kbd x-show="isMac" class="kbd kbd-sm border-base-200 bg-base-200 text-neutral">⌘&nbsp;G</kbd>
154                </button>
155            </div>
156
157            
158            <div class="flex justify-end gap-3 xl:col-span-4 2xl:col-span-3">
159                <button
160    
161        wire:key="mary080e3175287d897a9029aaf1a0709164"
162        type="button" @click.stop="$dispatch('mary-search-open')" aria-label="Rechercher"
163        class="btn flex justify-center text-white btn-sm btn-circle btn-outline btn-ghost lg:hidden" @click.stop="$dispatch('mary-search-open')" aria-label="Rechercher"
164
165        
166        
167        
168            >
169
170        <!-- SPINNER LEFT -->
171        
172        <!-- ICON -->
173                    <span class="block" >
174                <svg class="inline flex-shrink-0 w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
175  <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"/>
176</svg>
177                </span>
178        
179        <!-- LABEL / SLOT -->
180                    
181        
182        <!-- ICON RIGHT -->
183        
184        <!-- SPINNER RIGHT -->
185        
186            </button>
187    
188                                    <div class="hidden gap-3 lg:flex">
189                        <a href="https://vipros.fr/se-connecter"
190    
191        wire:key="mary4bf5af86502ed1175bfa7f3d4b5c3d0d"
192        type="button"
193        class="btn text-white btn-sm btn-ghost hover:bg-white/10 hover:text-accent"
194
195        
196                    wire:navigate
197        
198        
199            >
200
201        <!-- SPINNER LEFT -->
202        
203        <!-- ICON -->
204        
205        <!-- LABEL / SLOT -->
206                    <span class="">
207                Se connecter
208            </span>
209                    
210        <!-- ICON RIGHT -->
211        
212        <!-- SPINNER RIGHT -->
213        
214            </a>
215                            <a href="https://vipros.fr/inscription"
216    
217        wire:key="marye6800444001a3549fe70962559c51c9c"
218        type="button"
219        class="btn font-bold !uppercase btn-sm btn-accent"
220
221        
222                    wire:navigate
223        
224        
225            >
226
227        <!-- SPINNER LEFT -->
228        
229        <!-- ICON -->
230        
231        <!-- LABEL / SLOT -->
232                    <span class="">
233                Rejoindre le club
234            </span>
235                    
236        <!-- ICON RIGHT -->
237                    <span class="block" >
238                <svg class="inline flex-shrink-0 w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
239  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
240</svg>
241                </span>
242        
243        <!-- SPINNER RIGHT -->
244        
245            </a>
246                        </div>
247                
248                <div wire:snapshot="{&quot;data&quot;:{&quot;open&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;4li0HVKjVVlV6mtrRDcK&quot;,&quot;name&quot;:&quot;components.menu-modal&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;fr_FR&quot;},&quot;checksum&quot;:&quot;f57bd1fbd8ff42290bd9a662a24f2e4c77ed408192e9c31438583722d3aaa46f&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;resetModalStates&quot;]}" wire:id="4li0HVKjVVlV6mtrRDcK" x-data="{ open: false }" x-on:open-menu-modal.window="open = true" x-on:close-menu-modal.window="open = false">
249    <!--[if BLOCK]><![endif]-->        <button
250    
251        wire:key="mary163948ab67b89d5cf95ea0943eb3099f"
252        type="button" wire:click="$toggle('open')" aria-label="Ouvrir le menu"
253        class="btn flex justify-center text-white lg:hidden btn-sm btn-circle btn-ghost" wire:click="$toggle('open')" aria-label="Ouvrir le menu"
254
255        
256        
257        
258            >
259
260        <!-- SPINNER LEFT -->
261        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
262        <!-- ICON -->
263        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
264        <!-- LABEL / SLOT -->
265        <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <svg class="inline flex-shrink-0 w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
266  <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 9h16.5m-16.5 6.75h16.5"/>
267</svg>
268    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
269        <!--[if ENDBLOCK]><![endif]-->
270        <!-- ICON RIGHT -->
271        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
272        <!-- SPINNER RIGHT -->
273        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
274    <!--[if BLOCK]><![endif]-->        </button>
275    <!--[if ENDBLOCK]><![endif]-->    <template x-teleport="body">
276        <dialog
277    class="modal items-start pt-[10px] backdrop-blur space-y-6"
278
279            x-data="{open: window.Livewire.find('4li0HVKjVVlV6mtrRDcK').entangle('open').live }"
280        x-init="$watch('open', value => { if (!value){ $dispatch('close') }else{ $dispatch('open') } })"
281        :class="{'modal-open !animate-none': open}"
282        :open="open"
283                    @keydown.escape.window = "$wire.open = false"
284            
285            x-trap="open" x-bind:inert="!open"
286    >
287    <div class="modal-box bg-white">
288        <!--[if BLOCK]><![endif]-->            <form method="dialog" tabindex="-1">
289                <!--[if BLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]-->        <button
290    
291        wire:key="maryeb7dfc4cd6dac92d14eead70d278ee4b"
292        type="button" @click="$wire.open = false" tabindex="-1"
293        class="btn btn-circle btn-sm btn-ghost absolute end-2 top-2 z-[999]" @click="$wire.open = false" tabindex="-1"
294
295        
296        
297        
298            >
299
300        <!-- SPINNER LEFT -->
301        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
302        <!-- ICON -->
303        <!--[if BLOCK]><![endif]-->            <span class="block" >
304                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <svg class="inline flex-shrink-0 w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
305  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 
30518 6M6 6l12 12"/>
306</svg>
307    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </span>
308        <!--[if ENDBLOCK]><![endif]-->
309        <!-- LABEL / SLOT -->
310        <!--[if BLOCK]><![endif]-->            
311        <!--[if ENDBLOCK]><![endif]-->
312        <!-- ICON RIGHT -->
313        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
314        <!-- SPINNER RIGHT -->
315        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
316    <!--[if BLOCK]><![endif]-->        </button>
317    <!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->            </form>
318        <!--[if ENDBLOCK]><![endif]-->
319        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
320        <div>
321            <!--[if BLOCK]><![endif]-->                <ul class="menu w-full mt-3 font-semibold text-gray-600" >
322        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
323        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
324        <li class="">
325        <a
326            class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap text-white bg-primary"
327
328                            href="https://vipros.fr/se-connecter"
329
330                
331                                    wire:navigate
332                            
333                    >
334            
335            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
336            <!--[if BLOCK]><![endif]-->                <span class="block py-0.5" >
337                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <svg class="inline flex-shrink-0 w-5 h-5 mb-0.5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
338  <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z"/>
339</svg>
340    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </span>
341            <!--[if ENDBLOCK]><![endif]-->
342            <!--[if BLOCK]><![endif]-->            <span class="mary-hideable whitespace-nowrap truncate">
343                <!--[if BLOCK]><![endif]-->                    Se connecter
344
345                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->            </span>
346            <!--[if ENDBLOCK]><![endif]-->        </a>
347    </li>                    <li class="">
348        <a
349            class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap text-black bg-accent"
350
351                            href="https://vipros.fr/inscription"
352
353                
354                                    wire:navigate
355                            
356                    >
357            
358            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
359            <!--[if BLOCK]><![endif]-->                <span class="block py-0.5" >
360                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <svg class="inline flex-shrink-0 w-5 h-5 mb-0.5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
361  <path stroke-linecap="round" stroke-linejoin="round" d="M18 7.5v3m0 0v3m0-3h3m-3 0h-3m-2.25-4.125a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0ZM3 19.235v-.11a6.375 6.375 0 0 1 12.75 0v.109A12.318 12.318 0 0 1 9.374 21c-2.331 0-4.512-.645-6.374-1.766Z"/>
362</svg>
363    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </span>
364            <!--[if ENDBLOCK]><![endif]-->
365            <!--[if BLOCK]><![endif]-->            <span class="mary-hideable whitespace-nowrap truncate">
366                <!--[if BLOCK]><![endif]-->                    Rejoindre le club
367
368                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->            </span>
369            <!--[if ENDBLOCK]><![endif]-->        </a>
370    </li>
371    </ul>            <!--[if ENDBLOCK]><![endif]-->            <ul class="menu w-full font-semibold text-gray-600" >
372        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
373        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
374        <li class="">
375        <a
376            class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap mary-active-menu bg-primary text-white lg:hidden"
377
378                            href="https://vipros.fr"
379
380                
381                                    wire:navigate
382                            
383                    >
384            
385            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
386            <!--[if BLOCK]><![endif]-->
386                <span class="block py-0.5" >
387                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <svg class="inline flex-shrink-0 w-5 h-5 mb-0.5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
388  <path stroke-linecap="round" stroke-linejoin="round" d="m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"/>
389</svg>
390    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </span>
391            <!--[if ENDBLOCK]><![endif]-->
392            <!--[if BLOCK]><![endif]-->            <span class="mary-hideable whitespace-nowrap truncate">
393                <!--[if BLOCK]><![endif]-->                    Accueil
394
395                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->            </span>
396            <!--[if ENDBLOCK]><![endif]-->        </a>
397    </li>                <li class="">
398        <a
399            class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap lg:[&:not(.mary-active-menu)]:pl-0 rounded-field lg:hover:bg-white/10 lg:hover:text-accent lg:focus-visible:!ring-2 lg:focus-visible:!ring-accent lg:active:!bg-primary lg:active:!text-white"
400
401                            href="https://vipros.fr/offres-cashback"
402
403                
404                                    wire:navigate
405                            
406                    >
407            
408            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
409            <!--[if BLOCK]><![endif]-->                <span class="block py-0.5" >
410                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <svg class="inline flex-shrink-0 w-5 h-5 mb-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Euro Icon">
411  <path d="M19.4 32.7c0 0.9 0.7 1.6 1.6 1.6H23c1.6 3.7 5.2 6 9.3 6 2.8 0 5.6-1.2 7.5-3.2 0.6-0.6 0.5-1.6-0.1-2.2-0.6-0.6-1.6-0.5-2.2 0.1-1.3 1.4-3.2 2.2-5.2 2.2-2.3 0-4.5-1.1-5.8-2.9h6.1c0.9 0 1.6-0.7 1.6-1.6 0-0.9-0.7-1.6-1.6-1.6h-7.3c-0.1-0.4-0.1-0.7-0.1-1 0-0.2 0-0.5 0-0.6h7.3c0.9 0 1.6-0.7 1.6-1.6s-0.7-1.6-1.6-1.6h-6.3c1.3-2.1 3.5-3.3 6-3.3 1.9 0 3.7 0.7 5 2.1 0.3 0.3 0.7 0.5 1.1 0.5s0.8-0.2 1.1-0.5c0.3-0.3 0.5-0.7 0.5-1.1s-0.2-0.8-0.5-1.1c-1.9-1.9-4.5-3-7.2-3-4.3 0-8 2.5-9.5 6.4h-1.9c-0.9 0-1.6 0.7-1.6 1.6s0.7 1.6 1.6 1.6h1.2c0 0.2 0 0.4 0 0.6 0 0.3 0 0.6 0.1 1h-1.2c-0.8 0-1.6 0.7-1.6 1.6z"/>
412  <path d="M52.6 21l-2.2 2.6L42.7 32c-0.6 0.6-0.5 1.6 0.1 2.2 0.6 0.6 1.6 0.5 2.2-0.1l6.1-6.7c0.1 1.1 0.2 2.1 0.2 2.6 0 11.8-9.6 21.3-21.3 21.3-6.7 0-12.9-3.2-17-8.4l-0.6-0.8c-0.2-0.3-0.6-0.6-1-0.6-0.4-0.1-0.8 0-1.1 0.2-0.3 0.2-0.6 0.6-0.6 1-0.1 0.4 0 0.8 0.2 1.1 0.4 0.6 0.8 1.1 1.2 1.6l0 0c4.6 5.6 11.5 9 18.9 9 13.5 0 24.4-10.9 24.4-24.4 0-3.8-1-7.6-2.6-11z"/>
413  <path d="M7.5 39.1l2.2-2.6 7.7-8.4c0.6-0.6 0.5-1.6-0.1-2.2-0.6-0.6-1.6-0.5-2.2 0.1L9 32.8c-0.1-1.1-0.2-2.1-0.2-2.6 0-11.8 9.6-21.3 21.3-21.3 6.7 0 12.9 3.2 17 8.4l0.6 0.8c0.2 0.3 0.6 0.6 1 0.6 0.4 0.1 0.8 0 1.1-0.2 0.3-0.2 0.6-0.6 0.6-1 0.1-0.4 0-0.8-0.2-1.1-0.4-0.6-0.8-1.1-1.2-1.6l0 0c-4.6-5.6-11.5-9-18.9-9-13.5 0-24.4 11-24.4 24.4 0 3.8 1 7.6 2.6 11z"/>
414</svg>
415    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </span>
416            <!--[if ENDBLOCK]><![endif]-->
417            <!--[if BLOCK]><![endif]-->            <span class="mary-hideable whitespace-nowrap truncate">
418                <!--[if BLOCK]><![endif]-->                    Offres cashback
419
420                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->            </span>
421            <!--[if ENDBLOCK]><![endif]-->        </a>
422    </li>
423<li class="">
424        <a
425            class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap rounded-field lg:hover:bg-white/10 lg:hover:text-accent lg:focus-visible:!ring-2 lg:focus-visible:!ring-accent lg:active:!bg-primary lg:active:!text-white"
426
427                            href="https://vipros.fr/programme-de-fidelite"
428
429                
430                                    wire:navigate
431                            
432                    >
433            
434            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
435            <!--[if BLOCK]><![endif]-->
435                <span class="block py-0.5" >
436                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <svg class="inline flex-shrink-0 w-5 h-5 mb-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon">
437  <path d="M30 4.6C16 4.6 4.6 16 4.6 30S16 55.4 30 55.4 55.4 44 55.4 30 44 4.6 30 4.6zM30 52.3c-12.3 0-22.3-10-22.3-22.3S17.7 7.7 30 7.7s22.3 10 22.3 22.3S42.3 52.3 30 52.3z"/>
438  <path d="M41.7,20h-9.5c-0.6,0-1.1,0.3-1.4,0.9l-8.4,17.1l-7.8-16.3c-0.4-0.8-1.3-1.1-2-0.7c-0.8,0.4-1.1,1.3-0.7,2   L21,42c0.2,0.5,0.8,0.9,1.4,0.9l0,0c0.6,0,1.1-0.3,1.4-0.9l9.3-19h8.6c3.4,0,4.9,1.5,4.9,4.8c0,2.4-2.6,4.1-4.9,4.1h-5.6   c-0.8,0-1.5,0.7-1.5,1.5v8.1c0,0.8,0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5v-6.6h4.1c3.8,0,8-2.9,8-7.1C49.7,22.8,46.8,20,41.7,20L41.7,20   z"/>
439</svg>
440    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </span>
441            <!--[if ENDBLOCK]><![endif]-->
442            <!--[if BLOCK]><![endif]-->            <span class="mary-hideable whitespace-nowrap truncate">
443                <!--[if BLOCK]><![endif]-->                    Programme de fidélité
444
445                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->            </span>
446            <!--[if ENDBLOCK]><![endif]-->        </a>
447    </li>
448<li class="">
449        <a
450            class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap rounded-field lg:hover:bg-white/10 lg:hover:text-accent lg:focus-visible:!ring-2 lg:focus-visible:!ring-accent lg:active:!bg-primary lg:active:!text-white"
451
452                            href="https://mag.vipros.fr/"
453
454                                    target="_blank"
455                
456                            
457                    >
458            
459            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
460            <!--[if BLOCK]><![endif]-->                <span class="block py-0.5" >
461                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <svg class="inline flex-shrink-0 w-5 h-5 mb-0.5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
462  <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z"/>
463</svg>
464    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </span>
465            <!--[if ENDBLOCK]><![endif]-->
466            <!--[if BLOCK]><![endif]-->            <span class="mary-hideable whitespace-nowrap truncate">
467                <!--[if BLOCK]><![endif]-->                    Mag
468
469                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->            </span>
470            <!--[if ENDBLOCK]><![endif]-->        </a>
471    </li>
472    </ul>
473        </div>
474
475        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
476        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </div>
477
478    <!--[if BLOCK]><![endif]-->        <form class="modal-backdrop" method="dialog">
479            <!--[if BLOCK]><![endif]-->                <button @click="$wire.open = false" type="button">close</button>
480            <!--[if ENDBLOCK]><![endif]-->        </form>
481    <!--[if ENDBLOCK]><![endif]--></dialog>    </template>
482</div>
483            </div>
484        </div>
485
486        
487        <div class="hidden lg:block">
488            <div class="flex items-center">
489                <ul class="menu w-full flex-row gap-1 p-0 py-1 font-bold text-white" >
490        
491        
492        <li class="">
493        <a
494            class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap lg:[&:not(.mary-active-menu)]:pl-0 rounded-field lg:hover:bg-white/10 lg:hover:text-accent lg:focus-visible:!ring-2 lg:focus-visible:!ring-accent lg:active:!bg-primary lg:active:!text-white"
495
496                            href="https://vipros.fr/offres-cashback"
497
498                
499                                    wire:navigate
500                            
501                    >
502            
503            
504                            <span class="block py-0.5" >
505                    <svg class="inline flex-shrink-0 w-5 h-5 mb-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Euro Icon">
506  <path d="M19.4 32.7c0 0.9 0.7 1.6 1.6 1.6H23c1.6 3.7 5.2 6 9.3 6 2.8 0 5.6-1.2 7.5-3.2 0.6-0.6 0.5-1.6-0.1-2.2-0.6-0.6-1.6-0.5-2.2 0.1-1.3 1.4-3.2 2.2-5.2 2.2-2.3 0-4.5-1.1-5.8-2.9h6.1c0.9 0 1.6-0.7 1.6-1.6 0-0.9-0.7-1.6-1.6-1.6h-7.3c-0.1-0.4-0.1-0.7-0.1-1 0-0.2 0-0.5 0-0.6h7.3c0.9 0 1.6-0.7 1.6-1.6s-0.7-1.6-1.6-1.6h-6.3c1.3-2.1 3.5-3.3 6-3.3 1.9 0 3.7 0.7 5 2.1 0.3 0.3 0.7 0.5 1.1 0.5s0.8-0.2 1.1-0.5c0.3-0.3 0.5-0.7 0.5-1.1s-0.2-0.8-0.5-1.1c-1.9-1.9-4.5-3-7.2-3-4.3 0-8 2.5-9.5 6.4h-1.9c-0.9 0-1.6 0.7-1.6 1.6s0.7 1.6 1.6 1.6h1.2c0 0.2 0 0.4 0 0.6 0 0.3 0 0.6 0.1 1h-1.2c-0.8 0-1.6 0.7-1.6 1.6z"/>
507  <path d="M52.6 21l-2.2 2.6L42.7 32c-0.6 0.6-0.5 1.6 0.1 2.2 0.6 0.6 1.6 0.5 2.2-0.1l6.1-6.7c0.1 1.1 0.2 2.1 0.2 2.6 0 11.8-9.6 21.3-21.3 21.3-6.7 0-12.9-3.2-17-8.4l-0.6-0.8c-0.2-0.3-0.6-0.6-1-0.6-0.4-0.1-0.8 0-1.1 0.2-0.3 0.2-0.6 0.6-0.6 1-0.1 0.4 0 0.8 0.2 1.1 0.4 0.6 0.8 1.1 1.2 1.6l0 0c4.6 5.6 11.5 9 18.9 9 13.5 0 24.4-10.9 24.4-24.4 0-3.8-1-7.6-2.6-11z"/>
508  <path d="M7.5 39.1l2.2-2.6 7.7-8.4c0.6-0.6 0.5-1.6-0.1-2.2-0.6-0.6-1.6-0.5-2.2 0.1L9 32.8c-0.1-1.1-0.2-2.1-0.2-2.6 0-11.8 9.6-21.3 21.3-21.3 6.7 0 12.9 3.2 17 8.4l0.6 0.8c0.2 0.3 0.6 0.6 1 0.6 0.4 0.1 0.8 0 1.1-0.2 0.3-0.2 0.6-0.6 0.6-1 0.1-0.4 0-0.8-0.2-1.1-0.4-0.6-0.8-1.1-1.2-1.6l0 0c-4.6-5.6-11.5-9-18.9-9-13.5 0-24.4 11-24.4 24.4 0 3.8 1 7.6 2.6 11z"/>
509</svg>
510                    </span>
511            
512                        <span class="mary-hideable whitespace-nowrap truncate">
513                                    Offres cashback
514
515                                                </span>
516                    </a>
517    </li>
518<li class="">
519        <a
520            class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap rounded-field lg:hover:bg-white/10 lg:hover:text-accent lg:focus-visible:!ring-2 lg:focus-visible:!ring-accent lg:active:!bg-primary lg:active:!text-white"
521
522                            href="https://vipros.fr/programme-de-fidelite"
523
524                
525                                    wire:navigate
526                            
527                    >
528            
529            
530                            <span class="block py-0.5" >
531                    <svg class="inline flex-shrink-0 w-5 h-5 mb-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon">
532  <path d="M30 4.6C16 4.6 4.6 16 4.6 30S16 55.4 30 55.4 55.4 44 55.4 30 44 4.6 30 4.6zM30 52.3c-12.3 0-22.3-10-22.3-22.3S17.7 7.7 30 7.7s22.3 10 22.3 22.3S42.3 52.3 30 52.3z"/>
533  <path d="M41.7,20h-9.5c-0.6,0-1.1,0.3-1.4,0.9l-8.4,17.1l-7.8-16.3c-0.4-0.8-1.3-1.1-2-0.7c-0.8,0.4-1.1,1.3-0.7,2   L21,42c0.2,0.5,0.8,0.9,1.4,0.9l0,0c0.6,0,1.1-0.3,1.4-0.9l9.3-19h8.6c3.4,0,4.9,1.5,4.9,4.8c0,2.4-2.6,4.1-4.9,4.1h-5.6   c-0.8,0-1.5,0.7-1.5,1.5v8.1c0,0.8,0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5v-6.6h4.1c3.8,0,8-2.9,8-7.1C49.7,22.8,46.8,20,41.7,20L41.7,20   z"/>
534</svg>
535                    </span>
536            
537                        <span class="mary-hideable whitespace-nowrap truncate">
538                                    Programme de fidélité
539
540                                                </span>
541                    </a>
542    </li>
543<li class="">
544        <a
545            class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap rounded-field lg:hover:bg-white/10 lg:hover:text-accent lg:focus-visible:!ring-2 lg:focus-visible:!ring-accent lg:active:!bg-primary lg:active:!text-white"
546
547                            href="https://mag.vipros.fr/"
548
549                                    target="_blank"
550                
551                            
552                    >
553            
554            
555                            <span class="block py-0.5" >
556                    <svg class="inline flex-shrink-0 w-5 h-5 mb-0.5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
557  <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z"/>
558</svg>
559                    </span>
560            
561                        <span class="mary-hideable whitespace-nowrap truncate">
562                                    Mag
563
564                                                </span>
565                    </a>
566    </li>
567    </ul>            </div>
568        </div>
569    </div>
570</header>
571                
572                <div
573        x-data="
574            {
575                value: '',
576                results: [],
577                open: $persist(false).as('mary-spotlight-modal'),
578                elapsed: 0,
579                elapsedStep: 200,
580                elapsedMax: 500,
581                maxDebounce: 250,
582                searchTimer: null,
583                debounceTimer: null,
584                controller: new AbortController(),
585                query: '',
586                searchedWithNoResults: false,
587                init(){
588                    if(this.open) {
589                        this.show()
590                    }
591
592                    this.$watch('value', value => this.debounce(() => this.search(), this.maxDebounce))
593
594                    // Fix weird issue when navigating back
595                    document.addEventListener('livewire:navigating', () => {
596                        this.close()
597                        document.querySelectorAll('.mary-spotlight-element')?.forEach(el =>  el.remove());
598                    });
599                },
600                close() {
601                    this.open = false
602                    $refs.marySpotlightRef?.close()
603                },
604                show() {
605                    this.open = true;
606                    $refs.marySpotlightRef.showModal();
607                },
608                focus() {
609                    setTimeout(() => {
610                        this.$refs.spotSearch.focus();
611                        this.$refs.spotSearch.select();
612                    }, 100)
613                },
614                updateQuery(query){
615                    this.query = query
616                    this.search()
617                },
618                startTimer() {
619                    this.searchTimer = setInterval(() => this.elapsed += this.elapsedStep, this.elapsedStep)
620                },
621                resetTimer() {
622                    clearInterval(this.searchTimer)
623                    this.elapsed = 0
624                },
625                debounce(fn, waitTime) {
626                    clearTimeout(this.debounceTimer)
627                    this.debounceTimer = setTimeout(() => fn(), waitTime)
628                },
629                async search() {
630                    $refs.spotSearch.focus()
631
632                    if (this.value == '') {
633                        this.results = []
634                        return
635                    }
636
637                    this.resetTimer()
638                    this.startTimer()
639
640                    try {
641                        this.controller?.abort()
642                        this.controller = new AbortController();
643
644                        let response = await fetch(`/mary-/mary/spotlight?search=${this.value}&${this.query}`, { signal: this.controller.signal })
645                        this.results = await response.json()
646                    } catch(e) {
647                        console.log(e)
648                        return
649                    }
650
651                    this.resetTimer()
652
653                    Object.keys(this.results).length
654                        ? this.searchedWithNoResults = false
655                        : this.searchedWithNoResults = true
656                }
657            }"
658
659        @keydown.window.prevent.meta.g="show(); focus();"
660        @keydown.window.prevent.ctrl.g="show(); focus();"
661        @keydown.escape="close()"
662        @keydown.up="$focus.previous()"
663        @keydown.down="$focus.next()"
664        @mary-search.window="updateQuery(event.detail)"
665        @mary-search-open.window="show(); focus();"
666    >
667        <dialog
668    class="modal backdrop-blur-sm" x-ref="marySpotlightRef"
669
670            id="marySpotlight"
671    
672            x-trap="open" x-bind:inert="!open"
673    >
674    <div class="modal-box absolute py-0 top-0 lg:top-10 w-full lg:max-w-3xl rounded-none md:rounded-box">
675                    <form method="dialog" tabindex="-1">
676                                    <button
677    
678        wire:key="maryeb7dfc4cd6dac92d14eead70d278ee4b"
679        type="submit" tabindex="-1"
680        class="btn btn-circle btn-sm btn-ghost absolute end-2 top-2 z-[999]" type="submit" tabindex="-1"
681
682        
683        
684        
685            >
686
687        <!-- SPINNER LEFT -->
688        
689        <!-- ICON -->
690                    <span class="block" >
691                <svg class="inline flex-shrink-0 w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
692  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
693</svg>
694                </span>
695        
696        <!-- LABEL / SLOT -->
697                    
698        
699        <!-- ICON RIGHT -->
700        
701        <!-- SPINNER RIGHT -->
702        
703            </button>
704                                </form>
705        
706        
707        <div>
708            <div  @click.outside="close()">
709                <!-- INPUT -->
710                <div class="flex">
711                    <div class="flex-1">
712                        <div class="flex items-center">
713                            <svg class="inline flex-shrink-0 w-5 h-5 opacity-40" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
714  <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"/>
715</svg>
716                                <input
717                                id="mary8caec0896a1252682d3217a6e40c4c3c"
718                                x-model="value"
719                                x-ref="spotSearch"
720                                name="spotSearch"
721                                placeholder=" Rechercher une offre, une marque ou un produit..."
722                                class="w-full input my-2 border-none outline-none shadow-none border-transparent  focus:shadow-none focus:outline-none focus:border-transparent"
723                                @focus="$el.focus()"
724                                autofocus
725                                tabindex="1"
726                            />
727                        </div>
728                    </div>
729
730                                    </div>
731
732                <!-- PROGRESS  -->
733                <div class="h-[1px]">
734                    <progress class="progress hidden h-[1px]" :class="elapsed > elapsedMax && '!h-[2px] !block'"></progress>
735                </div>
736
737                <!-- SLOT -->
738                                    
739                
740                <!-- NO RESULTS -->
741                <template x-if="searchedWithNoResults && value != ''">
742                    <div class="text-base-content/50 p-3 border-t-[length:var(--border)] border-t-base-content/10 mary-spotlight-element">Aucun resultat trouve.</div>
743                </template>
744
745                <!-- RESULTS  -->
746                <div class="-mx-1 mt-1" @click="close()" @keydown.enter="close()" x-ref="spotResults">
747                    <template x-for="(item, index) in results" :key="index">
748                        <!-- ITEM -->
749                        <a x-bind:href="item.link" class="mary-spotlight-element"  wire:navigate  tabindex="0">
750                            <div class="p-3 hover:bg-base-200 border-t-[length:var(--border)] border-t-base-content/10" >
751                                <div class="flex gap-3 items-center">
752                                    <!-- ICON -->
753                                    <template x-if="item.icon">
754                                        <div x-html="item.icon"></div>
755                                    </template>
756                                    <!-- AVATAR -->
757                                    <template x-if="item.avatar && !item.icon">
758                                        <div>
759                                            <img :src="item.avatar" class="rounded-full w-11 h-11"  />
760                                        </div>
761                                    </template>
762                                    <div class="flex-1 overflow-hidden whitespace-nowrap text-ellipsis truncate w-0 mary-hideable">
763                                        <!-- NAME -->
764                                        <div x-html="item.name" class="font-semibold truncate"></div>
765
766                                        <!-- DESCRIPTION -->
767                                        <template x-if="item.description">
768                                            <div x-html="item.description" class="text-base-content/50 text-sm truncate"></div>
769                                        </template>
770                                    </div>
771                                </div>
772                            </div>
773                        </a>
774                    </template>
775                    <div x-show="results.length" class="mb-3"></div>
776                </div>
777            </div>
778        </div>
779
780        
781            </div>
782
783            <form class="modal-backdrop" method="dialog">
784                            <button type="submit">close</button>
785                    </form>
786    </dialog>    </div>                    
787        <div wire:snapshot="{&quot;data&quot;:{&quot;specialBroadcast&quot;:null,&quot;dismissedBroadcast&quot;:false,&quot;broadcastId&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;X54HKv1GegE1SSHF4ij7&quot;,&quot;name&quot;:&quot;components.system-notifications&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;fr_FR&quot;},&quot;checksum&quot;:&quot;b00e40db27706ea2442a2883c79318da841288c603340d5128550942edd7d586&quot;}" wire:effects="[]" wire:id="X54HKv1GegE1SSHF4ij7" class="fixed z-50 max-w-lg bg-white rounded-lg left-4 bottom-4">
788    
789    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
790
791        <main id="main" class="flex flex-col flex-1 main"
792            >
793                                <section class="relative isolate overflow-hidden bg-linear-to-br from-secondary to-primary text-white">
794    
795    <div class="absolute inset-0 -z-20 grid-blueprint" aria-hidden="true"></div>
796
797    <div class="container relative">
798        <div class="relative z-10 grid gap-8 pt-6 md:grid-cols-2 md:items-end md:gap-6 md:py-0">
799            <div class="md:py-10 lg:py-12">
800                <p data-reveal class="m-0 flex items-center gap-3 text-xs font-bold uppercase tracking-[0.2em] text-accent">
801                    <span class="inline-block h-0.5 w-8 bg-accent"></span>
802                    Avantages aux pros !
803                </p>
804
805                                    <h1 data-reveal
806                        class="reveal-delay-90 m-0 mt-5 text-2xl font-extrabold uppercase leading-[1.05] tracking-tight text-balance sm:text-3xl xl:text-4xl [&_sup]:inline-block [&_sup]:align-top [&_sup]:translate-y-[0.5em] [&_sup]:text-sm [&_sup]:leading-none">
807                        Le  <span class="text-accent">1<sup>er</sup> Club Professionnel</span><br>qui booste  <span class="text-accent">votre pouvoir d'achat</span>
808                    </h1>
809                
810                
811                <div data-reveal class="reveal-delay-270 relative z-10 mt-8">
812                    <div class="flex flex-wrap items-center gap-4">
813                        <a href="https://vipros.fr/inscription"
814    
815        wire:key="marye6800444001a3549fe70962559c51c9c"
816        type="button"
817        class="btn w-full font-bold !uppercase btn-primary md:w-auto"
818
819        
820                    wire:navigate
821        
822        
823            >
824
825        <!-- SPINNER LEFT -->
826        
827        <!-- ICON -->
828        
829        <!-- LABEL / SLOT -->
830                    <span class="">
831                Rejoindre le club
832            </span>
833                    
834        <!-- ICON RIGHT -->
835                    <span class="block" >
836                <svg class="inline flex-shrink-0 w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
837  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
838</svg>
839                </span>
840        
841        <!-- SPINNER RIGHT -->
842        
843            </a>
844                            <a href="#section-steps" x-scroll-to
845                            class="btn btn-outline w-full border-white/40 text-white hover:border-white hover:bg-white/10 md:w-auto">
846                            Comment ça marche ?
847                        </a>
848                    </div>
849                </div>
850
851                                    <div data-reveal class="reveal-delay-360 mt-6 hidden max-w-xl flex-wrap gap-x-12 gap-y-4 md:flex">
852                                                    <div>
853                                <p class="m-0 text-2xl font-extrabold leading-none text-accent md:text-3xl">16</p>
854                                <p class="m-0 mt-1.5 text-[0.65rem] font-semibold uppercase tracking-wider whitespace-nowrap text-white/60 md:text-xs">marques
855                                    partenaires</p>
856                            </div>
857                                                                            <div>
858                                <p class="m-0 text-2xl font-extrabold leading-none text-accent md:text-3xl">Plus de 21 700
859                                </p>
860                                <p class="m-0 mt-1.5 text-[0.65rem] font-semibold uppercase tracking-wider whitespace-nowrap text-white/60 md:text-xs">
861                                    entreprises
862                                    inscrites</p>
863                            </div>
864                                            </div>
865                
866                                    
867                    <div data-reveal class="reveal-delay-480 -mt-5 md:hidden">
868                        <div class="mx-auto aspect-[10/7] max-w-64 overflow-hidden">
869                            <img src="https://vipros.fr/app/uploads/2026/08/header_home_compressed.png" alt="" class="block w-full" />
870                        </div>
871                    </div>
872                            </div>
873
874                            
875                <div data-reveal class="reveal-delay-200 relative hidden self-stretch overflow-hidden md:block">
876                    <img src="https://vipros.fr/app/uploads/2026/08/header_home_compressed.png" alt=""
877                        class="absolute inset-0 h-full w-full object-contain object-center drop-shadow-2xl lg:object-bottom xl:scale-150 2xl:scale-200" />
878                </div>
879                    </div>
880    </div>
881</section>
882    <section class="overflow-hidden border-b-4 border-secondary bg-accent py-2.5 text-secondary" aria-label="Les avantages VIPros">
883    <div class="flex w-max animate-marquee hover:[animation-play-state:paused] motion-reduce:w-full motion-reduce:animate-none motion-reduce:flex-wrap">
884        
885                    <ul class="m-0 flex shrink-0 list-none items-center p-0" >
886                                    <li class="flex items-center gap-3 whitespace-nowrap px-6 text-sm font-extrabold uppercase tracking-[0.15em]">
887                        <svg class="inline flex-shrink-0 w-5 h-5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
888  <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
889</svg>
890                            100 % gratuit pour les pros
891                    </li>
892                                    <li class="flex items-center gap-3 whitespace-nowrap px-6 text-sm font-extrabold uppercase tracking-[0.15em]">
893                        <svg class="inline flex-shrink-0 w-5 h-5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
894  <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z"/>
895</svg>
896                            Info produit &amp; actualité marques
897                    </li>
898                                    <li class="flex items-center gap-3 whitespace-nowrap px-6 text-sm font-extrabold uppercase tracking-[0.15em]">
899                        <svg class="inline flex-shrink-0 w-5 h-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Euro Icon">
900  <path d="M19.4 32.7c0 0.9 0.7 1.6 1.6 1.6H23c1.6 3.7 5.2 6 9.3 6 2.8 0 5.6-1.2 7.5-3.2 0.6-0.6 0.5-1.6-0.1-2.2-0.6-0.6-1.6-0.5-2.2 0.1-1.3 1.4-3.2 2.2-5.2 2.2-2.3 0-4.5-1.1-5.8-2.9h6.1c0.9 0 1.6-0.7 1.6-1.6 0-0.9-0.7-1.6-1.6-1.6h-7.3c-0.1-0.4-0.1-0.7-0.1-1 0-0.2 0-0.5 0-0.6h7.3c0.9 0 1.6-0.7 1.6-1.6s-0.7-1.6-1.6-1.6h-6.3c1.3-2.1 3.5-3.3 6-3.3 1.9 0 3.7 0.7 5 2.1 0.3 0.3 0.7 0.5 1.1 0.5s0.8-0.2 1.1-0.5c0.3-0.3 0.5-0.7 0.5-1.1s-0.2-0.8-0.5-1.1c-1.9-1.9-4.5-3-7.2-3-4.3 0-8 2.5-9.5 6.4h-1.9c-0.9 0-1.6 0.7-1.6 1.6s0.7 1.6 1.6 1.6h1.2c0 0.2 0 0.4 0 0.6 0 0.3 0 0.6 0.1 1h-1.2c-0.8 0-1.6 0.7-1.6 1.6z"/>
901  <path d="M52.6 21l-2.2 2.6L42.7 32c-0.6 0.6-0.5 1.6 0.1 2.2 0.6 0.6 1.6 0.5 2.2-0.1l6.1-6.7c0.1 1.1 0.2 2.1 0.2 2.6 0 11.8-9.6 21.3-21.3 21.3-6.7 0-12.9-3.2-17-8.4l-0.6-0.8c-0.2-0.3-0.6-0.6-1-0.6-0.4-0.1-0.8 0-1.1 0.2-0.3 0.2-0.6 0.6-0.6 1-0.1 0.4 0 0.8 0.2 1.1 0.4 0.6 0.8 1.1 1.2 1.6l0 0c4.6 5.6 11.5 9 18.9 9 13.5 0 24.4-10.9 24.4-24.4 0-3.8-1-7.6-2.6-11z"/>
902  <path d="M7.5 39.1l2.2-2.6 7.7-8.4c0.6-0.6 0.5-1.6-0.1-2.2-0.6-0.6-1.6-0.5-2.2 0.1L9 32.8c-0.1-1.1-0.2-2.1-0.2-2.6 0-11.8 9.6-21.3 21.3-21.3 6.7 0 12.9 3.2 17 8.4l0.6 0.8c0.2 0.3 0.6 0.6 1 0.6 0.4 0.1 0.8 0 1.1-0.2 0.3-0.2 0.6-0.6 0.6-1 0.1-0.4 0-0.8-0.2-1.1-0.4-0.6-0.8-1.1-1.2-1.6l0 0c-4.6-5.6-11.5-9-18.9-9-13.5 0-24.4 11-24.4 24.4 0 3.8 1 7.6 2.6 11z"/>
903</svg>
904                            Cashback pros toute l&#039;année
905                    </li>
906                                    <li class="flex items-center gap-3 whitespace-nowrap px-6 text-sm font-extrabold uppercase tracking-[0.15em]">
907                        <svg class="inline flex-shrink-0 w-5 h-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon">
908  <path d="M30 4.6C16 4.6 4.6 16 4.6 30S16 55.4 30 55.4 55.4 44 55.4 30 44 4.6 30 4.6zM30 52.3c-12.3 0-22.3-10-22.3-22.3S17.7 7.7 30 7.7s22.3 10 22.3 22.3S42.3 52.3 30 52.3z"/>
909  <path d="M41.7,20h-9.5c-0.6,0-1.1,0.3-1.4,0.9l-8.4,17.1l-7.8-16.3c-0.4-0.8-1.3-1.1-2-0.7c-0.8,0.4-1.1,1.3-0.7,2   L21,42c0.2,0.5,0.8,0.9,1.4,0.9l0,0c0.6,0,1.1-0.3,1.4-0.9l9.3-19h8.6c3.4,0,4.9,1.5,4.9,4.8c0,2.4-2.6,4.1-4.9,4.1h-5.6   c-0.8,0-1.5,0.7-1.5,1.5v8.1c0,0.8,0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5v-6.6h4.1c3.8,0,8-2.9,8-7.1C49.7,22.8,46.8,20,41.7,20L41.7,20   z"/>
910</svg>
911                            Fidélité multimarque
912                    </li>
913                                    <li class="flex items-center gap-3 whitespace-nowrap px-6 text-sm font-extrabold uppercase tracking-[0.15em]">
914                        <svg class="inline flex-shrink-0 w-5 h-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon">
915<path d="M50.8,17H47c0.6-1.1,0.9-2.3,0.9-3.7c0-1.5-0.6-3.8-2.2-5.3c-1.5-1.5-3.3-2.2-5.3-2.2c-2.1,0-4,0.8-5.3,2.2l-4.7,4.7  l-4.7-4.7c-1.5-1.5-3.3-2.2-5.3-2.2c-2.1,0-4,0.8-5.3,2.2c-1.5,1.5-2.2,3.3-2.2,5.3c0,1.6,0.3,2.7,0.9,3.7H9.3  c-2.3,0-4.1,1.8-4.1,4.1v5.3c0,1.8,1.2,3.4,2.9,4v18.3c0,2.9,2.3,5.2,5.2,5.2h33.5c2.9,0,5.2-2.3,5.2-5.2V30.3  c1.7-0.6,2.9-2.2,2.9-4v-5.3C54.9,18.8,53,17,50.8,17z M51.8,21.1v5.3c0,0.7-0.6,1.3-1.3,1.3h-13v-7.8h13  C51.3,19.8,51.8,20.3,51.8,21.1z M16.9,16.7c-1.9-1.9-1.9-4.8,0-6.8c1-1,2.1-1.4,3.4-1.4c1.2,0,2.5,0.5,3.4,1.4l7.1,7.1H17.2  L16.9,16.7z M34.9,19.8v31.1h-8.5V19.8H34.9z M32.3,14.9l4.8-4.8V9.9c0.9-0.9,2-1.3,3.2-1.3c1.2,0,2.5,0.5,3.4,1.4  c1,1,1.4,2.1,1.4,3.4c0,1.3-0.5,2.4-1.4,3.4L43.6,17v0c0,0,0,0,0,0c0,0-0.1,0.1-0.1,0.1h-8.8L32.3,14.9z M10.6,30.4h3.8  c0.7,0,1.5-0.5,1.5-1.5c0-0.9-0.6-1.5-1.5-1.5H9c-0.7,0-1.3-0.6-1.3-1.3v-5.3c0-0.7,0.6-1.3,1.3-1.3h14.4v31.1H13.1  c-1.2,0-2.3-1-2.4-2.3
915V30.4z M49.1,30.4v18c0,1.3-1.1,2.4-2.4,2.4h-9V30.4H49.1z"/>
916</svg>
917                            Cartes cadeaux multi-enseigne
918                    </li>
919                            </ul>
920                    <ul class="m-0 flex shrink-0 list-none items-center p-0"  aria-hidden="true" >
921                                    <li class="flex items-center gap-3 whitespace-nowrap px-6 text-sm font-extrabold uppercase tracking-[0.15em]">
922                        <svg class="inline flex-shrink-0 w-5 h-5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
923  <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
924</svg>
925                            100 % gratuit pour les pros
926                    </li>
927                                    <li class="flex items-center gap-3 whitespace-nowrap px-6 text-sm font-extrabold uppercase tracking-[0.15em]">
928                        <svg class="inline flex-shrink-0 w-5 h-5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
929  <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z"/>
930</svg>
931                            Info produit &amp; actualité marques
932                    </li>
933                                    <li class="flex items-center gap-3 whitespace-nowrap px-6 text-sm font-extrabold uppercase tracking-[0.15em]">
934                        <svg class="inline flex-shrink-0 w-5 h-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Euro Icon">
935  <path d="M19.4 32.7c0 0.9 0.7 1.6 1.6 1.6H23c1.6 3.7 5.2 6 9.3 6 2.8 0 5.6-1.2 7.5-3.2 0.6-0.6 0.5-1.6-0.1-2.2-0.6-0.6-1.6-0.5-2.2 0.1-1.3 1.4-3.2 2.2-5.2 2.2-2.3 0-4.5-1.1-5.8-2.9h6.1c0.9 0 1.6-0.7 1.6-1.6 0-0.9-0.7-1.6-1.6-1.6h-7.3c-0.1-0.4-0.1-0.7-0.1-1 0-0.2 0-0.5 0-0.6h7.3c0.9 0 1.6-0.7 1.6-1.6s-0.7-1.6-1.6-1.6h-6.3c1.3-2.1 3.5-3.3 6-3.3 1.9 0 3.7 0.7 5 2.1 0.3 0.3 0.7 0.5 1.1 0.5s0.8-0.2 1.1-0.5c0.3-0.3 0.5-0.7 0.5-1.1s-0.2-0.8-0.5-1.1c-1.9-1.9-4.5-3-7.2-3-4.3 0-8 2.5-9.5 6.4h-1.9c-0.9 0-1.6 0.7-1.6 1.6s0.7 1.6 1.6 1.6h1.2c0 0.2 0 0.4 0 0.6 0 0.3 0 0.6 0.1 1h-1.2c-0.8 0-1.6 0.7-1.6 1.6z"/>
936  <path d="M52.6 21l-2.2 2.6L42.7 32c-0.6 0.6-0.5 1.6 0.1 2.2 0.6 0.6 1.6 0.5 2.2-0.1l6.1-6.7c0.1 1.1 0.2 2.1 0.2 2.6 0 11.8-9.6 21.3-21.3 21.3-6.7 0-12.9-3.2-17-8.4l-0.6-0.8c-0.2-0.3-0.6-0.6-1-0.6-0.4-0.1-0.8 0-1.1 0.2-0.3 0.2-0.6 0.6-0.6 1-0.1 0.4 0 0.8 0.2 1.1 0.4 0.6 0.8 1.1 1.2 1.6l0 0c4.6 5.6 11.5 9 18.9 9 13.5 0 24.4-10.9 24.4-24.4 0-3.8-1-7.6-2.6-11z"/>
937  <path d="M7.5 39.1l2.2-2.6 7.7-8.4c0.6-0.6 0.5-1.6-0.1-2.2-0.6-0.6-1.6-0.5-2.2 0.1L9 32.8c-0.1-1.1-0.2-2.1-0.2-2.6 0-11.8 9.6-21.3 21.3-21.3 6.7 0 12.9 3.2 17 8.4l0.6 0.8c0.2 0.3 0.6 0.6 1 0.6 0.4 0.1 0.8 0 1.1-0.2 0.3-0.2 0.6-0.6 0.6-1 0.1-0.4 0-0.8-0.2-1.1-0.4-0.6-0.8-1.1-1.2-1.6l0 0c-4.6-5.6-11.5-9-18.9-9-13.5 0-24.4 11-24.4 24.4 0 3.8 1 7.6 2.6 11z"/>
938</svg>
939                            Cashback pros toute l&#039;année
940                    </li>
941                                    <li class="flex items-center gap-3 whitespace-nowrap px-6 text-sm font-extrabold uppercase tracking-[0.15em]">
942                        <svg class="inline flex-shrink-0 w-5 h-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon">
943  <path d="M30 4.6C16 4.6 4.6 16 4.6 30S16 55.4 30 55.4 55.4 44 55.4 30 44 4.6 30 4.6zM30 52.3c-12.3 0-22.3-10-22.3-22.3S17.7 7.7 30 7.7s22.3 10 22.3 22.3S42.3 52.3 30 52.3z"/>
944  <path d="M41.7,20h-9.5c-0.6,0-1.1,0.3-1.4,0.9l-8.4,17.1l-7.8-16.3c-0.4-0.8-1.3-1.1-2-0.7c-0.8,0.4-1.1,1.3-0.7,2   L21,42c0.2,0.5,0.8,0.9,1.4,0.9l0,0c0.6,0,1.1-0.3,1.4-0.9l9.3-19h8.6c3.4,0,4.9,1.5,4.9,4.8c0,2.4-2.6,4.1-4.9,4.1h-5.6   c-0.8,0-1.5,0.7-1.5,1.5v8.1c0,0.8,0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5v-6.6h4.1c3.8,0,8-2.9,8-7.1C49.7,22.8,46.8,20,41.7,20L41.7,20   z"/>
945</svg>
946                            Fidélité multimarque
947                    </li>
948                                    <li class="flex items-center gap-3 whitespace-nowrap px-6 text-sm font-extrabold uppercase tracking-[0.15em]">
949                        <svg class="inline flex-shrink-0 w-5 h-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon">
950<path d="M50.8,17H47c0.6-1.1,0.9-2.3,0.9-3.7c0-1.5-0.6-3.8-2.2-5.3c-1.5-1.5-3.3-2.2-5.3-2.2c-2.1,0-4,0.8-5.3,2.2l-4.7,4.7  l-4.7-4.7c-1.5-1.5-3.3-2.2-5.3-2.2c-2.1,0-4,0.8-5.3,2.2c-1.5,1.5-2.2,3.3-2.2,5.3c0,1.6,0.3,2.7,0.9,3.7H9.3  c-2.3,0-4.1,1.8-4.1,4.1v5.3c0,1.8,1.2,3.4,2.9,4v18.3c0,2.9,2.3,5.2,5.2,5.2h33.5c2.9,0,5.2-2.3,5.2-5.2V30.3  c1.7-0.6,2.9-2.2,2.9-4v-5.3C54.9,18.8,53,17,50.8,17z M51.8,21.1v5.3c0,0.7-0.6,1.3-1.3,1.3h-13v-7.8h13  C51.3,19.8,51.8,20.3,51.8,21.1z M16.9,16.7c-1.9-1.9-1.9-4.8,0-6.8c1-1,2.1-1.4,3.4-1.4c1.2,0,2.5,0.5,3.4,1.4l7.1,7.1H17.2  L16.9,16.7z M34.9,19.8v31.1h-8.5V19.8H34.9z M32.3,14.9l4.8-4.8V9.9c0.9-0.9,2-1.3,3.2-1.3c1.2,0,2.5,0.5,3.4,1.4  c1,1,1.4,2.1,1.4,3.4c0,1.3-0.5,2.4-1.4,3.4L43.6,17v0c0,0,0,0,0,0c0,0-0.1,0.1-0.1,0.1h-8.8L32.3,14.9z M10.6,30.4h3.8  c0.7,0,1.5-0.5,1.5-1.5c0-0.9-0.6-1.5-1.5-1.5H9c-0.7,0-1.3-0.6-1.3-1.3v-5.3c0-0.7,0.6-1.3,1.3-1.3h14.4v31.1H13.1  c-1.2,0-2.3-1-2.4-2.3
950V30.4z M49.1,30.4v18c0,1.3-1.1,2.4-2.4,2.4h-9V30.4H49.1z"/>
951</svg>
952                            Cartes cadeaux multi-enseigne
953                    </li>
954                            </ul>
955            </div>
956</section>
957    <section id="section-steps" class="relative scroll-mt-20 overflow-hidden bg-base-100 py-10 md:py-14 lg:scroll-mt-28">
958        <div class="container">
959            <div data-reveal="data-reveal" class="mb-8 md:mb-10">
960            <p class="m-0 flex items-center gap-3 text-xs font-bold uppercase tracking-[0.2em] text-primary ">
961            <span class="inline-block h-0.5 w-8 bg-accent"></span>
962            Comment ça marche
963                    </p>
964    
965    <h2 class="m-0 mt-3 text-2xl font-extrabold uppercase tracking-tight text-secondary text-balance md:text-4xl">
966        Vos achats pros vous rapportent<br class="hidden md:block">
967                des <span class="text-primary">avantages concrets</span>
968    </h2>
969</div>
970
971            <ol class="m-0 grid list-none grid-cols-1 gap-5 p-0 md:grid-cols-3 md:gap-6">
972                                    <li data-reveal
973                        class=" group relative overflow-hidden rounded-2xl border border-base-300 bg-base-100 p-6 shadow-sm transition duration-300 hover:-translate-y-1 hover:shadow-md md:p-7">
974                        <span class="pointer-events-none absolute top-0 right-3 select-none text-[5rem] font-extrabold leading-none text-secondary/10"
975                            aria-hidden="true">
976                            01
977                        </span>
978                        <span
979                            class="flex h-14 w-14 -rotate-3 items-center justify-center rounded-xl bg-accent text-secondary transition-transform duration-300 group-hover:rotate-0">
980                            <svg class="inline flex-shrink-0 w-8 h-8" viewBox="0 0 90 90" fill="currentColor" role="img" aria-label="Cart icon">
981	<path d="M66.2,69.5c-1.6,0-3.2,0.6-4.3,1.8c-1.1,1.1-1.7,2.6-1.7,4.2c0,3.2,2.7,5.8,6,5.8c3.3,0,6-2.8,6-6.2   C72,72,69.4,69.5,66.2,69.5z M66.2,72.2c1.9,0,3.4,1.5,3.4,3.5c-0.2,1.9-1.6,3.2-3.4,3.2c-1.8,0-3.4-1.5-3.4-3.4   C62.8,73.7,64.3,72.2,66.2,72.2L66.2,72.2L66.2,72.2z"/>
982	<path d="M24.2,69.5c-1.6,0-3.2,0.6-4.3,1.8c-1.1,1.1-1.7,2.6-1.7,4.2c0,3.2,2.7,5.8,6,5.8s6-2.8,6-6.2C30,72,27.4,69.5,24.2,69.5z    M24.2,78.9c-1.8,0-3.4-1.5-3.4-3.4c0-1.8,1.5-3.3,3.3-3.4v0h0.1c1.9,0,3.4,1.5,3.4,3.5C27.4,77.6,26,78.9,24.2,78.9z"/>
983	<path d="M22.6,57.1c1.8-1.6,4-2.5,6.4-2.5h41c0.5,0,1.2-0.2,1.2-0.7c3.9-8,7.5-16.8,10.7-26.2l0-1l0,0C81.7,26.4,81.3,26,81,26   c0,0,0,0,0,0c-19.9-5-40-7.3-59.8-6.8L20,15c-0.7-2.4-2.9-4.1-5.3-4.1H9.6c-0.9,0-1.4,0.5-1.4,1.4c0,0.9,0.7,1.4,1.4,1.4h5.1   c1.2,0,2.3,0.9,2.7,2l1.4,5.3L27,52.2c-2.9,0.3-5.5,1.8-7.5,4c-2,2.3-3.1,5.1-3.1,8.1c0,0.9,0.7,1.4,1.4,1.4h57.8   c0.9,0,1.4-0.4,1.4-1.2c0-0.9-0.7-1.4-1.4-1.4H19.5C19.8,60.8,20.8,58.7,22.6,57.1z M21.9,21.9c19-0.3,38.2,1.8,57,6.4   C75.8,37,72.6,44.8,69,52.2H30L21.9,21.9z"/>
984</svg>
985                            </span>
986                        <h3 class="mb-0 mt-5 text-base font-extrabold uppercase tracking-tight text-secondary md:text-lg">Faites vos achats pros</h3>
987                        <p class="mb-0 mt-2 text-sm leading-relaxed text-neutral">auprès du distributeur ou du site e-commerce de votre choix</p>
988                    </li>
989                                    <li data-reveal
990                        class="reveal-delay-120 group relative overflow-hidden rounded-2xl border border-base-300 bg-base-100 p-6 shadow-sm transition duration-300 hover:-translate-y-1 hover:shadow-md md:p-7">
991                        <span class="pointer-events-none absolute top-0 right-3 select-none text-[5rem] font-extrabold leading-none text-secondary/10"
992                            aria-hidden="true">
993                            02
994                        </span>
995                        <span
996                            class="flex h-14 w-14 -rotate-3 items-center justify-center rounded-xl bg-accent text-secondary transition-transform duration-300 group-hover:rotate-0">
997                            <svg class="inline flex-shrink-0 w-8 h-8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90" fill="currentColor" role="img" aria-label="Facture icon">
998  <path d="M63.5 18.2c-6.5-6.5-15-10-24.1-10H21.6c-3 0-5.4 2.4-5.4 5.4v63c0 3 2.4 5.4 5.4 5.4h46.5c3 0 5.4-2.4 5.4-5.4V42.3c0-9.1-3.6-17.6-10.1-24.1zm-25.5-7.4c6.1 0 11 4.9 11 11v7.7c0 1.8 1.4 3.2 3.2 3.2h7.7c6.1 0 11 4.9 11 11v9.6c0 0.1 0 0.1 0 0.2v23c0 1.5-1.3 2.8-2.8 2.8H21.6c-1.5 0-2.8-1.3-2.8-2.8v-63c0-1.5 1.2-2.8 2.8-2.8l9.4 0c0.1 0 0.2 0 0.2 0h6.8zm21.9 19.3h-7.7c-0.3 0-0.6-0.3-0.6-0.6v-7.7c0-3.8-1.6-7.4-4.4-10 5.4 1.4 10.4 4.2 14.4 8.3 4 4 6.9 9 8.3 14.4-4.3-1.4-8-3-12-3z"/>
999  <path d="M32.1 53.6H36c0 0.4 0 0.7 0 1.1 0 0.5 0 1.1 0.1 1.7h-4c-0.7 0-1.3 0.6-1.3 1.3s0.6 1.3 1.3 1.3h4.6c1.9 5.4 6.9 9 12.6 9 3.6 0 7.2-1.5 9.7-4.2 0.5-0.5 0.5-1.4 0-1.9-0.5-0.5-1.4-0.5-1.9 0-2 2.2-4.8 3.3-7.8 3.3-4.2 0-8.1-2.5-9.8-6.4h10.3c0.7 0 1.3-0.6 1.3-1.3s-0.6-1.3-1.3-1.3H38.7c-0.1-0.6-0.1-1.1-0.1-1.7 0-0.4 0-0.7 0.1-1.1h11.2c0.7 0 1.3-0.6 1.3-1.3S50.5 51 49.8 51H39.2c1.6-4.2 5.6-7 10-7 2.9 0 5.5 1.1 7.6 3.1 0.5 0.5 1.3 0.5 1.9 0 0.5-0.5 0.5-1.3 0-1.9-2.5-2.5-5.9-3.9-9.4-3.9-5.9 0-11.2 4-12.8 9.6h-4.4c-0.7 0-1.3 0.6-1.3 1.3 0 0.8 0.6 1.4 1.3 1.4z"/>
1000</svg>
1001                            </span>
1002                        <h3 class="mb-0 mt-5 text-base font-extrabold uppercase tracking-tight text-secondary md:text-lg">Déposez vos factures</h3>
1003                        <p class="mb-0 mt-2 text-sm leading-relaxed text-neutral">sur votre compte en quelques clics</p>
1004                    </li>
1005                                    <li data-reveal
1006                        class="reveal-delay-240 group relative overflow-hidden rounded-2xl border border-base-300 bg-base-100 p-6 shadow-sm transition duration-300 hover:-translate-y-1 hover:shadow-md md:p-7">
1007                        <span class="pointer-events-none absolute top-0 right-3 select-none text-[5rem] font-extrabold leading-none text-secondary/10"
1008                            aria-hidden="true">
1009                            03
1010                        </span>
1011                        <span
1012                            class="flex h-14 w-14 -rotate-3 items-center justify-center rounded-xl bg-accent text-secondary transition-transform duration-300 group-hover:rotate-0">
1013                            <svg class="inline flex-shrink-0 w-8 h-8" xmlns:ns0="http://www.w3.org/2000/svg" viewBox="0 0 68.73 65.55" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true">
1014  <path d="M67.38,35.83c-.32-.38-.69-.71-1.1-.99,1.52-1.66,1.52-4.42,1.52-5.73,0-3.97-3-6.34-5.89-6.34h-18.46c.7-2.16,1.81-5.96,2.03-8.85.35-4.85-1.62-8.07-3.33-9.91-2.57-2.77-5.92-4-8.1-4s-4.7,0-4.7,4.4c0,2.31-.17,10.26-2.29,15.41-2.04,4.93-5.92,8.08-7.7,8.08-.03,0-.06.02-.09.02-1.02-1.2-2.54-1.96-4.24-1.96H5.58c-3.07,0-5.58,2.5-5.58,5.58v26.98c0,3.08,2.5,5.58,5.58,5.58h9.46c1.79,0,3.37-.85,4.4-2.16,2.02.82,9.37,3.63,15.4,3.63h17.54c5.11,0,7.93-1.42,9.15-4.61.54-1.45.49-3.58-.68-5.32,2.96-.6,4.25-2.52,4.82-4.26.68-2.12-.08-3.82-1.21-5.02,2.78-1.11,4.03-3.64,4.25-6.04.16-1.69-.31-3.28-1.31-4.48ZM18.12,58.5c0,1.7-1.38,3.09-3.09,3.09H5.58c-1.7,0-3.09-1.38-3.09-3.09v-26.98c0-1.7,1.38-3.09,3.09-3.09h9.46c1.7,0,3.09,1.38,3.09,3.09v26.98ZM66.22,40.08c-.12,1.29-.83,4.3-4.91,4.35-.59,0-1.09.43-1.21,1.01-.11.58.2,1.16.75,1.39.13.05,3.21,1.36,2.44,3.78-.44,1.36-1.5,3.11-5.72,2.66-.62-.07-1.19.34-1.34.94-.15.61.17,1.23.75,1.45,3.22,1.27,2.22,4.38,2.21,4.4-.6,1.56-1.84,3-6.82,3h-17.54c-5.43,0-12.33-2.59-14.34-3.4.08-.37.12-.76.12-1.16v-26.98c0-.45-.06-.88-.16-1.3,3.15-.78,6.95-4.72,8.91-9.46,2.31-5.57,2.48-13.93,2.48-16.36,0-1.91.08-1.91,2.21-1.91,1.64,0,4.32,1.1,6.28,3.21,1.38,1.48,2.96,4.08,2.67,8.03-.28,3.83-2.43,9.8-2.45,9.86-.14.38-.08.81.15,1.14.23.33.61.53,1.02.53h20.2c1.65,0,3.4,1.35,3.4,3.85,0,3.48-.61,4.6-2.51,4.6-.67,0-1.22.53-1.24,1.19-.03.67.48,1.24,1.14,1.29,1.23.1,2.16.52,2.77,1.24.57.68.84,1.62.74,2.65Z" />
1015</svg>
1016                            </span>
1017                        <h3 class="mb-0 mt-5 text-base font-extrabold uppercase tracking-tight text-secondary md:text-lg">Bénéficiez d'avantages</h3>
1018                        <p class="mb-0 mt-2 text-sm leading-relaxed text-neutral">Remboursements Cashback et VIPoints de fidélité multimarques</p>
1019                    </li>
1020                            </ol>
1021        </div>
1022    </section>
1023    <section id="section-offers" class="relative overflow-hidden bg-base-200 py-10 md:py-14">
1024        <div class="container">
1025            <div data-reveal class="mb-8 flex flex-wrap items-end justify-between gap-4 md:mb-10">
1026                <div >
1027            <p class="m-0 flex items-center gap-3 text-xs font-bold uppercase tracking-[0.2em] text-primary ">
1028            <span class="inline-block h-0.5 w-8 bg-accent"></span>
1029            Cashback
1030                    </p>
1031    
1032    <h2 class="m-0 mt-3 text-2xl font-extrabold uppercase tracking-tight text-secondary text-balance md:text-4xl">
1033        Les offres <span class="text-primary">du moment</span>
1034    </h2>
1035</div>
1036                <a href="https://vipros.fr/offres-cashback"
1037    
1038        wire:key="mary81c66bb100a8c82d154fcbfd0776dc20"
1039        type="button"
1040        class="btn btn-primary"
1041
1042        
1043                    wire:navigate
1044        
1045        
1046            >
1047
1048        <!-- SPINNER LEFT -->
1049        
1050        <!-- ICON -->
1051        
1052        <!-- LABEL / SLOT -->
1053                    <span class="">
1054                Toutes les offres
1055            </span>
1056                    
1057        <!-- ICON RIGHT -->
1058                    <span class="block" >
1059                <svg class="inline flex-shrink-0 w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1060  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
1061</svg>
1062                </span>
1063        
1064        <!-- SPINNER RIGHT -->
1065        
1066            </a>
1067                </div>
1068        </div>
1069
1070        <div data-reveal class="reveal-delay-150 container overflow-hidden">
1071            <div class="relative">
1072                <div class="absolute inset-y-0 right-0 z-10 hidden w-20 bg-gradient-to-l from-base-200 to-transparent lg:block"></div>
1073                <div x-data="{
1074    swiper: null,
1075    init() {
1076        this.initializeSwiper();
1077
1078        Livewire.hook('message.processed', (message, component) => {
1079            if (document.getElementById('slider_6ac2d4c49af9c')) {
1080                this.swiper.update();
1081            }
1082        });
1083    },
1084    initializeSwiper() {
1085        this.swiper = new Swiper('#slider_6ac2d4c49af9c', {
1086            slidesPerView: 'auto',
1087            spaceBetween: 16,
1088            // Livewire déclenche la navigation sur mousedown+mouseup (pas sur click).
1089            // Le preventDefault() de Swiper sur pointerdown supprime le mousedown
1090            // synthétisé par le navigateur, donc le listener de Livewire ne se déclenche
1091            // jamais et le clic sur les liens wire:navigate des slides reste sans effet.
1092            touchStartPreventDefault: false,
1093            preventClicks: false,
1094            preventClicksPropagation: false,
1095            
1096            
1097            mousewheel: {
1098                forceToAxis: true,
1099            },
1100            keyboard: {
1101                enabled: true,
1102                onlyInViewport: false,
1103            },
1104        });
1105    }
1106}" x-init="init()" id="slider_6ac2d4c49af9c"
1107    class="flex items-stretch swiper-horizontal-mobile overflow-hidden overflow-visible lg:overflow-hidden">
1108    <div class="!h-auto swiper-wrapper">
1109        
1110        <div class="swiper-slide !w-[200px] md:!w-[230px] !h-auto py-2">
1111                            <a wire:navigate="" class="rounded-md  flex flex-col w-full h-full overflow-hidden transition duration-300 border group bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/offres-cashback/offre-color-touch" x-scroll-to>
1112            <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]">
1113                            <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/09/offre-color-touch_61757000084630067_2-medium.webp" alt="Offre Color Touch" loading="lazy"
1114                    onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';"
1115                    class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 ">
1116            
1117            
1118            
1119            
1120            
1121            <div
1122                class="absolute z-20 flex flex-col items-start px-2.5 py-1 text-white shadow-md rounded-lg bottom-2 left-2 bg-gradient-to-br from-primary to-secondary">
1123                                    <span class="text-xs font-semibold leading-none text-white/80">Jusqu'à</span>
1124                                <div class="text-sm font-bold leading-none lg:text-2xl">300 €</div>
1125                <div class="text-xs font-semibold xl:text-sm">remboursés</div>
1126            </div>
1127        </div>
1128
1129        <div class="flex flex-col justify-between flex-1 p-3 sm:p-4">
1130            <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Offre Color Touch</h3>
1131
1132                        <div class="mt-2">
1133                                    <div class="flex flex-wrap items-end gap-2">
1134                                                                                                                <div class="bg-white rounded-lg flex justify-center mb-2 relative pt-[56%] cursor-pointer w-16 h-9 !pt-0 !mb-0 border border-base-300 shadow-sm [&_img]:!p-1">
1135        <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/wirquin_61757000057060204_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Wirquin" class="absolute inset-0 object-contain w-full h-full p-2">
1136    </div>
1137                                                                        </div>
1138                
1139                            </div>
1140        </div>
1141    </a>
1142                        </div>
1143                                            
1144                        <div class="swiper-slide !w-[200px] md:!w-[230px] !h-auto py-2">
1145                            <a wire:navigate="" class="rounded-md  flex flex-col w-full h-full overflow-hidden transition duration-300 border group bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/offres-cashback/offre-multi-push-slw1" x-scroll-to>
1146            <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]">
1147                            <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/09/offre-multi-push-slw1_61757000077238889_2-medium.webp" alt="Offre Multi-Push SLW" loading="lazy"
1148                    onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';"
1149                    class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 ">
1150            
1151            
1152            
1153            
1154            
1155            <div
1156                class="absolute z-20 flex flex-col items-start px-2.5 py-1 text-white shadow-md rounded-lg bottom-2 left-2 bg-gradient-to-br from-primary to-secondary">
1157                                <div class="text-sm font-bold leading-none lg:text-2xl">300 €</div>
1158                <div class="text-xs font-semibold xl:text-sm">remboursés</div>
1159            </div>
1160        </div>
1161
1162        <div class="flex flex-col justify-between flex-1 p-3 sm:p-4">
1163            <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Offre Multi-Push SLW</h3>
1164
1165                        <div class="mt-2">
1166                                    <div class="flex flex-wrap items-end gap-2">
1167                                                                                                                <div class="bg-white rounded-lg flex justify-center mb-2 relative pt-[56%] cursor-pointer w-16 h-9 !pt-0 !mb-0 border border-base-300 shadow-sm [&_img]:!p-1">
1168        <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/rems_61757000057060040_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Rems" class="absolute inset-0 object-contain w-full h-full p-2">
1169    </div>
1170                                                                        </div>
1171                
1172                            </div>
1173        </div>
1174    </a>
1175                        </div>
1176                                            
1177                        <div class="swiper-slide !w-[200px] md:!w-[230px] !h-auto py-2">
1178                            <a wire:navigate="" class="rounded-md  flex flex-col w-full h-full overflow-hidden transition duration-300 border group bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/offres-cashback/lacme-70-ans---offre-300-" x-scroll-to>
1179            <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]">
1180                            <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/01/lacme-70-ans---offre-300-_61757000076760189_3-medium.webp" alt="Lacmé 70 ans - offre 300 €" loading="lazy"
1181                    onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';"
1182                    class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 ">
1183            
1184            
1185            
1186            
1187            
1188            <div
1189                class="absolute z-20 flex flex-col items-start px-2.5 py-1 text-white shadow-md rounded-lg bottom-2 left-2 bg-gradient-to-br from-primary to-secondary">
1190                                <div class="text-sm font-bold leading-none lg:text-2xl">300 €</div>
1191                <div class="text-xs font-semibold xl:text-sm">remboursés</div>
1192            </div>
1193        </div>
1194
1195        <div class="flex flex-col justify-between flex-1 p-3 sm:p-4">
1196            <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Lacmé 70 ans - offre 300 €</h3>
1197
1198                        <div class="mt-2">
1199                                    <div class="flex flex-wrap items-end gap-2">
1200                                                                                                                <div class="bg-white rounded-lg flex justify-center mb-2 relative pt-[56%] cursor-pointer w-16 h-9 !pt-0 !mb-0 border border-base-300 shadow-sm [&_img]:!p-1">
1201        <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/lacme_61
1201757000057060198_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Lacmé" class="absolute inset-0 object-contain w-full h-full p-2">
1202    </div>
1203                                                                        </div>
1204                
1205                            </div>
1206        </div>
1207    </a>
1208                        </div>
1209                                            
1210                        <div class="swiper-slide !w-[200px] md:!w-[230px] !h-auto py-2">
1211                            <a wire:navigate="" class="rounded-md  flex flex-col w-full h-full overflow-hidden transition duration-300 border group bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/offres-cashback/bon-plan-coreline" x-scroll-to>
1212            <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]">
1213                            <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/09/bon-plan-coreline_61757000085237046_1-medium.webp" alt="Bon plan CoreLine" loading="lazy"
1214                    onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';"
1215                    class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 ">
1216            
1217                            <div class="absolute z-20 top-2 right-2">
1218                    <span class="inline-flex bg-white rounded text-xs font-semibold shadow-lg [&amp;_span]:!bg-primary [&amp;_span]:!text-white">
1219            <span class="px-2 py-1 text-xs rounded inline-flex items-center gap-1 bg-primary/10 text-primary">
1220                        <span>NOUVEAU</span>
1221                    </span>
1222    </span>
1223                </div>
1224            
1225            
1226            
1227            
1228            <div
1229                class="absolute z-20 flex flex-col items-start px-2.5 py-1 text-white shadow-md rounded-lg bottom-2 left-2 bg-gradient-to-br from-primary to-secondary">
1230                                    <span class="text-xs font-semibold leading-none text-white/80">Jusqu'à</span>
1231                                <div class="text-sm font-bold leading-none lg:text-2xl">200 €</div>
1232                <div class="text-xs font-semibold xl:text-sm">remboursés</div>
1233            </div>
1234        </div>
1235
1236        <div class="flex flex-col justify-between flex-1 p-3 sm:p-4">
1237            <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Bon plan CoreLine</h3>
1238
1239                        <div class="mt-2">
1240                                    <div class="flex flex-wrap items-end gap-2">
1241                                                                                                                <div class="bg-white rounded-lg flex justify-center mb-2 relative pt-[56%] cursor-pointer w-16 h-9 !pt-0 !mb-0 border border-base-300 shadow-sm [&_img]:!p-1">
1242        <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2026/01/philips_61757000075320475_3-medium.webp" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Philips" class="absolute inset-0 object-contain w-full h-full p-2">
1243    </div>
1244                                                                        </div>
1245                
1246                            </div>
1247        </div>
1248    </a>
1249                        </div>
1250                                            
1251                        <div class="swiper-slide !w-[200px] md:!w-[230px] !h-auto py-2">
1252                            <a wire:navigate="" class="rounded-md  flex flex-col w-full h-full overflow-hidden transition duration-300 border group bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/offres-cashback/offre-nichepanel" x-scroll-to>
1253            <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]">
1254                            <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/08/offre-nichepanel_61757000084276393_2-medium.webp" alt="Offre Nichepanel" loading="lazy"
1255                    onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';"
1256                    class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 ">
1257            
1258            
1259            
1260            
1261            
1262            <div
1263                class="absolute z-20 flex flex-col items-start px-2.5 py-1 text-white shadow-md rounded-lg bottom-2 left-2 bg-gradient-to-br from-primary to-secondary">
1264                                <div class="text-sm font-bold leading-none lg:text-2xl">100 €</div>
1265                <div class="text-xs font-semibold xl:text-sm">remboursés</div>
1266            </div>
1267        </div>
1268
1269        <div class="flex flex-col justify-between flex-1 p-3 sm:p-4">
1270            <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Offre Nichepanel</h3>
1271
1272                        <div class="mt-2">
1273                                    <div class="flex flex-wrap items-end gap-2">
1274                                                                                                                <div class="bg-white rounded-lg flex justify-center mb-2 relative pt-[56%] cursor-pointer w-16 h-9 !pt-0 !mb-0 border border-base-300 shadow-sm [&_img]:!p-1">
1275        <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/roth_61757000057060304_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Roth" class="absolute inset-0 object-contain w-full h-full p-2">
1276    </div>
1277                                                                        </div>
1278                
1279                            </div>
1280        </div>
1281    </a>
1282                        </div>
1283                                            
1284                        <div class="swiper-slide !w-[200px] md:!w-[230px] !h-auto py-2">
1285                            <a wire:navigate="" class="rounded-md  flex flex-col w-full h-full overflow-hidden transition duration-300 border group bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/offres-cashback/offre-permanente-tous-produits-solidur1" x-scroll-to>
1286            <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]">
1287                            <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/08/offre-permanente-tous-produits-solidur1_61757000076434011_3-medium.webp" alt="Offre permanente tous produits SOLIDUR" loading="lazy"
1288                    onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';"
1289                    class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 ">
1290            
1291            
1292            
1293            
1294            
1295            <div
1296                class="absolute z-20 flex flex-col items-start px-2.5 py-1 text-white shadow-md rounded-lg bottom-2 left-2 bg-gradient-to-br from-primary to-secondary">
1297                                    <span class="text-xs font-semibold leading-none text-white/80">Jusqu'à</span>
1298                                <div class="text-sm font-bold leading-none lg:text-2xl">100 €</div>
1299                <div class="text-xs font-semibold xl:text-sm">remboursés</div>
1300            </div>
1301        </div>
1302
1303        <div class="flex flex-col justify-between flex-1 p-3 sm:p-4">
1304            <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Offre permanente tous produits SOLIDUR</h3>
1305
1306                        <div class="mt-2">
1307                                    <div class="flex flex-wrap items-end gap-2">
1308                                                                                                                <div class="bg-white rounded-lg flex justify-center mb-2 relative pt-[56%] cursor-pointer w-16 h-9 !pt-0 !mb-0 border border-base-300 shadow-sm [&_img]:!p-1">
1309        <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/08/solidur_61757000057060072_11-medium.webp" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Solidur" class="absolute inset-0 object-contain w-full h-full p-2">
1310    </div>
1311                                                                        </div>
1312                
1313                            </div>
1314        </div>
1315    </a>
1316                        </div>
1317                                            
1318                        <div class="swiper-slide !w-[200px] md:!w-[230px] !h-auto py-2">
1319                            <a wire:navigate="" class="rounded-md  flex flex-col w-full h-full overflow-hidden transition duration-300 border group bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/offres-cashback/offre-abonnement-nocontest" x-scroll-to>
1320            <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]">
1321                            <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/06/offre-abonnement-nocontest_61757000082059158_4-medium.webp" alt="Offre Abonnement NoContest" loading="lazy"
1322                    onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';"
1323                    class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 ">
1324            
1325            
1326            
1327            
1328            
1329            <div
1330                class="absolute z-20 flex flex-col items-start px-2.5 py-1 text-white shadow-md rounded-lg bottom-2 left-2 bg-gradient-to-br from-primary to-secondary">
1331                                <div class="text-sm font-bold leading-none lg:text-2xl">30 €</div>
1332                <div class="text-xs font-semibold xl:text-sm">remboursés</div>
1333            </div>
1334        </div>
1335
1336        <div class="flex flex-col justify-between flex-1 p-3 sm:p-4">
1337            <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Offre Abonnement NoContest</h3>
1338
1339                        <div class="mt-2">
1340                                    <div class="flex flex-wrap items-end gap-2">
1341                                                                                                                <div class="bg-white rounded-lg flex justify-center mb-2 relative pt-[56%] cursor-pointer w-16 h-9 !pt-0 !mb-0 border border-base-300 shadow-sm [&_img]:!p-1">
1342        <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2026/08/nocontest_61757000081868045_1-medium.webp" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="NoContest" class="absolute inset-0 object-contain w-full h-full p-2">
1343    </div>
1344                                                                        </div>
1345                
1346                            </div>
1347        </div>
1348    </a>
1349                        </div>
1350                                            
1351                        <div class="swiper-slide !w-[200px] md:!w-[230px] !h-auto py-2">
1352                            <a wire:navigate="" class="rounded-md  flex flex-col w-full h-full overflow-hidden transition duration-300 border group bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/offres-cashback/offre-tertiaire-de-proximite" x-scroll-to>
1353            <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]">
1354                            <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/10/offre-tertiaire-de-proximite_61757000084926026_1-medium.webp" alt="Offre tertiaire de proximité" loading="lazy"
1355                    onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';"
1356                    class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 ">
1357            
1358                            <div class="absolute z-20 top-2 right-2">
1359                    <span class="inline-flex bg-white rounded text-xs font-semibold shadow-lg [&amp;_span]:!bg-primary [&amp;_span]:!text-white">
1360            <span class="px-2 py-1 text-xs rounded inline-flex items-center gap-1 bg-primary/10 text-primary">
1361                        <span>NOUVEAU</span>
1362                    </span>
1363    </span>
1364                </div>
1365            
1366            
1367            
1368            
1369            <div
1370                class="absolute z-20 flex flex-col items-start px-2.5 py-1 text-white shadow-md rounded-lg bottom-2 left-2 bg-gradient-to-br from-primary to-secondary">
1371                                    <span class="text-xs font-semibold leading-none text-white/80">Jusqu'à</span>
1372                                <div class="text-sm font-bold leading-none lg:text-2xl">10 €</div>
1373                <div class="text-xs font-semibold xl:text-sm">remboursés</div>
1374            </div>
1375        </div>
1376
1377        <div class="flex flex-col justify-between flex-1 p-3 sm:p-4">
1378            <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Offre tertiaire de proximité</h3>
1379
1380                        <div class="mt-2">
1381                                    <div class="flex flex-wrap items-end gap-2">
1382                                                                                                                <div class="bg-white rounded-lg flex justify-center mb-2 relative pt-[56%] cursor-pointer w-16 h-9 !pt-0 !mb-0 border border-base-300 shadow-sm [&_img]:!p-1">
1383        <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2026/07/hager_61757000068425003_3-medium.webp" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Hager" class="absolute inset-0 object-contain w-full h-full p-2">
1384    </div>
1385                                                                        </div>
1386                
1387                            </div>
1388        </div>
1389    </a>
1390                        </div>
1391    </div>
1392</div>
1393            </div>
1394        </div>
1395    </section>
1396    <section id="section-factory" class="relative overflow-hidden bg-base-100 pt-10 pb-0 md:pt-14 lg:pb-14">
1397    <div class="container">
1398        <div data-reveal="data-reveal" class="mx-auto mb-8 max-w-3xl text-center md:mb-10">
1399            <p class="m-0 flex items-center gap-3 text-xs font-bold uppercase tracking-[0.2em] text-primary justify-center">
1400            <span class="inline-block h-0.5 w-8 bg-accent"></span>
1401            Programme de fidélité
1402                            <span class="inline-block h-0.5 w-8 bg-accent"></span>
1403                    </p>
1404    
1405    <h2 class="m-0 mt-3 text-2xl font-extrabold uppercase tracking-tight text-secondary text-balance md:text-4xl">
1406        Votre fidélité <span class="text-primary">récompensée</span><br>
1407            à chaque achat
1408    </h2>
1409</div>
1410    </div>
1411
1412    
1413    <div data-reveal class="reveal-delay-120 grid grid-cols-1 lg:grid-cols-[1fr_30rem_1fr]">
1414        <div class="relative flex items-center justify-center overflow-hidden lg:justify-start">
1415            <div aria-hidden="true" class="pointer-events-none absolute inset-0 z-0">
1416    <div class="absolute inset-x-0 inset-y-6 hidden overflow-hidden bg-primary/15 lg:block">
1417        <div class="absolute inset-0 grid-blueprint animate-belt-x motion-reduce:animate-none"></div>
1418    </div>
1419
1420    
1421    <div class="absolute inset-y-0 left-1/2 w-72 -translate-x-1/2 overflow-hidden bg-primary/15 lg:hidden">
1422        <div class="absolute inset-0 grid-blueprint animate-belt-y motion-reduce:animate-none"></div>
1423    </div>
1424</div>
1425            <div class="relative z-10 flex h-52 w-[140px] overflow-hidden swiper-container swiper-brands-machine lg:h-auto lg:w-full lg:pr-4">
1426                <div class="swiper-wrapper">
1427                                                                        <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2">
1428                                <a class="rounded-md  flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/nocontest" x-scroll-to>
1429            <div class="relative overflow-hidden pt-[56%]">
1430            <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2026/08/nocontest_61757000081868045_1-medium.webp" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="NoContest"
1431                loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105">
1432        </div>
1433
1434        <div class="w-1/2 mx-auto mt-3 border-t-2 border-autre"></div>
1435
1436        <div class="flex flex-col items-center mt-3">
1437            <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200">
1438                <span class="text-lg font-extrabold leading-none text-secondary">5</span>
1439                <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true">
1440  <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z   M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1  c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2  c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/>
1441</svg>
1442                </span>
1443            <p class="mt-2 text-xs font-medium text-center text-neutral">
1444                tous les 10€ d&#039;achat
1445            </p>
1446        </div>
1447    </a>
1448                            </div>
1449                                                    <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2">
1450                                <a class="rounded-md  flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/philips" x-scroll-to>
1451            <div class="relative overflow-hidden pt-[56%]">
1452            <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2026/01/philips_61757000075320475_3-medium.webp" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Philips"
1453                loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105">
1454        </div>
1455
1456        <div class="w-1/2 mx-auto mt-3 border-t-2 border-bati"></div>
1457
1458        <div class="flex flex-col items-center mt-3">
1459            <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200">
1460                <span class="text-lg font-extrabold leading-none text-secondary">2</span>
1461                <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true">
1462  <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z   M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1  c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2  c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/>
1463</svg>
1464                </span>
1465            <p class="mt-2 text-xs font-medium text-center text-neutral">
1466                tous les 10€ d&#039;achat
1467            </p>
1468        </div>
1469    </a>
1470                            </div>
1471                                                    <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2">
1472                                <a class="rounded-md  flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/hager" x-scroll-to>
1473            <div class="relative overflow-hidden pt-[56%]">
1474            <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2026/07/hager_61757000068425003_3-medium.webp" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Hager"
1475                loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105">
1476        </div>
1477
1478        <div class="w-1/2 mx-auto mt-3 border-t-2 border-bati"></div>
1479
1480        <div class="flex flex-col items-center mt-3">
1481            <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200">
1482                <span class="text-lg font-extrabold leading-none text-secondary">1</span>
1483                <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true">
1484  <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z   M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1  c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2  c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/>
1485</svg>
1486                </span>
1487            <p class="mt-2 text-xs font-medium text-center text-neutral">
1488                tous les 10€ d&#039;achat
1489            </p>
1490        </div>
1491    </a>
1492                            </div>
1493                                                    <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2">
1494                                <a class="rounded-md  flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/huppe" x-scroll-to>
1495            <div class="relative overflow-hidden pt-[56%]">
1496            <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/huppe_61757000060447532_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Hüppe"
1497                loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105">
1498        </div>
1499
1500        <div class="w-1/2 mx-auto mt-3 border-t-2 border-bati"></div>
1501
1502        <div class="flex flex-col items-center mt-3">
1503            <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200">
1504                <span class="text-lg font-extrabold leading-none text-secondary">2</span>
1505                <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true">
1506  <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z   M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1  c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2  c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/>
1507</svg>
1508                </span>
1509            <p class="mt-2 text-xs font-medium text-center text-neutral">
1510                tous les 10€ d&#039;achat
1511            </p>
1512        </div>
1513    </a>
1514                            </div>
1515                                                    <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2">
1516                                <a class="rounded-md  flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/hansgrohe" x-scroll-to>
1517            <div class="relative overflow-hidden pt-[56%]">
1518            <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/hansgrohe_61757000057060368_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Hansgrohe"
1519                loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105">
1520        </div>
1521
1522        <div class="w-1/2 mx-auto mt-3 border-t-2 border-bati"></div>
1523
1524        <div class="flex flex-col items-center mt-3">
1525            <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200">
1526                <span class="text-lg font-extrabold leading-none text-secondary">1</span>
1527                <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true">
1528  <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z   M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1  c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2  c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/>
1529</svg>
1530                </span>
1531            <p class="mt-2 text-xs font-medium text-center text-neutral">
1532                tous les 10€ d&#039;achat
1533            </p>
1534        </div>
1535    </a>
1536                            </div>
1537                                                    <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2">
1538                                <a class="rounded-md  flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/roth" x-scroll-to>
1539            <div class="relative overflow-hidden pt-[56%]">
1540            <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/roth_61757000057060304_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Roth"
1541                loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105">
1542        </div>
1543
1544        <div class="w-1/2 mx-auto mt-3 border-t-2 border-bati"></div>
1545
1546        <div class="flex flex-col items-center mt-3">
1547            <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200">
1548                <span class="text-lg font-extrabold leading-none text-secondary">1</span>
1549                <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true">
1550  <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z   M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1  c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2  c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/>
1551</svg>
1552                </span>
1553            <p class="mt-2 text-xs font-medium text-center text-neutral">
1554                tous les 10€ d&#039;achat
1555            </p>
1556        </div>
1557    </a>
1558                            </div>
1559                                                    <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2">
1560                                <a class="rounded-md  flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/wirquin" x-scroll-to>
1561            <div class="relative overflow-hidden pt-[56%]">
1562            <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/wirquin_61757000057060204_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Wirquin"
1563                loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105">
1564        </div>
1565
1566        <div class="w-1/2 mx-auto mt-3 border-t-2 border-bati"></div>
1567
1568        <div class="flex flex-col items-center mt-3">
1569            <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200">
1570                <span class="text-lg font-extrabold leading-none text-secondary">3</span>
1571                <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true">
1572  <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z   M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1  c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2  c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/>
1573</svg>
1574                </span>
1575            <p class="mt-2 text-xs font-medium text-center text-neutral">
1576                tous les 10€ d&#039;achat
1577            </p>
1578        </div>
1579    </a>
1580                            </div>
1581                                                    <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2">
1582                                <a class="rounded-md  flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/lacme" x-scroll-to>
1583            <div class="relative overflow-hidden pt-[56%]">
1584            <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/lacme_61757000057060198_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Lacmé"
1585                loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105">
1586        </div>
1587
1588        <div class="w-1/2 mx-auto mt-3 border-t-2 border-bati"></div>
1589
1590        <div class="flex flex-col items-center mt-3">
1591            <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200">
1592                <span class="text-lg font-extrabold leading-none text-secondary">1</span>
1593                <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true">
1594  <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z   M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1  c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2  c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/>
1595</svg>
1596                </span>
1597            <p class="mt-2 text-xs font-medium text-center text-neutral">
1598                tous les 10€ d&#039;achat
1599            </p>
1600        </div>
1601    </a>
1602                            </div>
1603                                                    <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2">
1604                                <a class="rounded-md  flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/viega" x-scroll-to>
1605            <div class="relative overflow-hidden pt-[56%]">
1606            <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/viega_61757000057060140_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Viega"
1607                loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105">
1608        </div>
1609
1610        <div class="w-1/2 mx-auto mt-3 border-t-2 border-bati"></div>
1611
1612        <div class="flex flex-col items-center mt-3">
1613            <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200">
1614                <span class="text-lg font-extrabold leading-none text-secondary">1</span>
1615                <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true">
1616  <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z   M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1  c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2  c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/>
1617</svg>
1618                </span>
1619            <p class="mt-2 text-xs font-medium text-center text-neutral">
1620                tous les 10€ d&#039;achat
1621            </p>
1622        </div>
1623    </a>
1624                            </div>
1625                                                    <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2">
1626                                <a class="rounded-md  flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/bosch" x-scroll-to>
1627            <div class="relative overflow-hidden pt-[56%]">
1628            <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/bosch_61757000057060126_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Bosch"
1629                loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105">
1630        </div>
1631
1632        <div class="w-1/2 mx-auto mt-3 border-t-2 border-bati"></div>
1633
1634        <div class="flex flex-col items-center mt-3">
1635            <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200">
1636                <span class="text-lg font-extrabold leading-none text-secondary">1</span>
1637                <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true">
1638  <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z   M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1  c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2  c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/>
1639</svg>
1640                </span>
1641            <p class="mt-2 text-xs font-medium text-center text-neutral">
1642                tous les 10€ d&#039;achat
1643            </p>
1644        </div>
1645    </a>
1646                            </div>
1647                                                    <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2">
1648                                <a class="rounded-md  flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/freud" x-scroll-to>
1649            <div class="relative overflow-hidden pt-[56%]">
1650            <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/freud_61757000057060106_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Freud"
1651                loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105">
1652        </div>
1653
1654        <div class="w-1/2 mx-auto mt-3 border-t-2 border-bati"></div>
1655
1656        <div class="flex flex-col items-center mt-3">
1657            <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200">
1658                <span class="text-lg font-extrabold leading-none text-secondary">10</span>
1659                <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true">
1660  <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z   M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1  c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2  c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/>
1661</svg>
1662                </span>
1663            <p class="mt-2 text-xs font-medium text-center text-neutral">
1664                tous les 10€ d&#039;achat
1665            </p>
1666        </div>
1667    </a>
1668                            </div>
1669                                                    <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2">
1670                                <a class="rounded-md  flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/qwetch" x-scroll-to>
1671            <div class="relative overflow-hidden pt-[56%]">
1672            <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/qwetch_61757000057060100_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Qwetch"
1673                loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105">
1674        </div>
1675
1676        <div class="w-1/2 mx-auto mt-3 border-t-2 border-bati"></div>
1677
1678        <div class="flex flex-col items-center mt-3">
1679            <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200">
1680                <span class="text-lg font-extrabold leading-none text-secondary">5</span>
1681                <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true">
1682  <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z   M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1  c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2  c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/>
1683</svg>
1684                </span>
1685            <p class="mt-2 text-xs font-medium text-center text-neutral">
1686                tous les 10€ d&#039;achat
1687            </p>
1688        </div>
1689    </a>
1690                            </div>
1691                                                    <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2">
1692                                <a class="rounded-md  flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/solidur" x-scroll-to>
1693            <div class="relative overflow-hidden pt-[56%]">
1694            <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/08/solidur_61757000057060072_11-medium.webp" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Solidur"
1695                loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105">
1696        </div>
1697
1698        <div class="w-1/2 mx-auto mt-3 border-t-2 border-bati"></div>
1699
1700        <div class="flex flex-col items-center mt-3">
1701            <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200">
1702                <span class="text-lg font-extrabold leading-none text-secondary">1</span>
1703                <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true">
1704  <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z   M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1  c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2  c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/>
1705</svg>
1706                </span>
1707            <p class="mt-2 text-xs font-medium text-center text-neutral">
1708                tous les 10€ d&#039;achat
1709            </p>
1710        </div>
1711    </a>
1712                            </div>
1713                                                    <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2">
1714                                <a class="rounded-md  flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/valobat" x-scroll-to>
1715            <div class="relative overflow-hidden pt-[56%]">
1716            <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/valobat_61757000057060064_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Valobat"
1717                loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105">
1718        </div>
1719
1720        <div class="w-1/2 mx-auto mt-3 border-t-2 border-bati"></div>
1721
1722        <div class="flex flex-col items-center mt-3">
1723            <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200">
1724                <span class="text-lg font-extrabold leading-none text-secondary">25</span>
1725                <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true">
1726  <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z   M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1  c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2  c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/>
1727</svg>
1728                </span>
1729            <p class="mt-2 text-xs font-medium text-center text-neutral">
1730                offerts par utilisation
1731            </p>
1732        </div>
1733    </a>
1734                            </div>
1735                                                    <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2">
1736                                <a class="rounded-md  flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/ks-tools" x-scroll-to>
1737            <div class="relative overflow-hidden pt-[56%]">
1738            <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/ks-tools_61757000057060056_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="KS Tools"
1739                loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105">
1740        </div>
1741
1742        <div class="w-1/2 mx-auto mt-3 border-t-2 border-bati"></div>
1743
1744        <div class="flex flex-col items-center mt-3">
1745            <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200">
1746                <span class="text-lg font-extrabold leading-none text-secondary">3</span>
1747                <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true">
1748  <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z   M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1  c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2  c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/>
1749</svg>
1750                </span>
1751            <p class="mt-2 text-xs font-medium text-center text-neutral">
1752                tous les 10€ d&#039;achat
1753            </p>
1754        </div>
1755    </a>
1756                            </div>
1757                                                    <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2">
1758                                <a class="rounded-md  flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/rems" x-scroll-to>
1759            <div class="relative overflow-hidden pt-[56%]">
1760            <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/rems_61757000057060040_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Rems"
1761                loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105">
1762        </div>
1763
1764        <div class="w-1/2 mx-auto mt-3 border-t-2 border-bati"></div>
1765
1766        <div class="flex flex-col items-center mt-3">
1767            <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200">
1768                <span class="text-lg font-extrabold leading-none text-secondary">1</span>
1769                <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true">
1770  <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z   M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1  c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2  c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/>
1771</svg>
1772                </span>
1773            <p class="mt-2 text-xs font-medium text-center text-neutral">
1774                tous les 10€ d&#039;achat
1775            </p>
1776        </div>
1777    </a>
1778                            </div>
1779                                                            </div>
1780            </div>
1781        </div>
1782
1783        <div class="relative z-10 mx-4 lg:mx-0">
1784            <div
1785                class="relative mx-auto flex h-full max-w-md flex-col items-center justify-center overflow-hidden rounded-2xl bg-secondary px-4 py-6 text-center text-white shadow-md lg:max-w-none lg:py-8">
1786                <div class="absolute inset-0 grid-blueprint" aria-hidden="true"></div>
1787                
1788                <span class="absolute left-0 top-1/2 hidden h-48 w-2 -translate-y-1/2 rounded-r-md stripes-hazard lg:block" aria-hidden="true"></span>
1789                <span class="absolute right-0 top-1/2 hidden h-48 w-2 -translate-y-1/2 rounded-l-md stripes-hazard lg:block" aria-hidden="true"></span>
1790                
1791                <span class="absolute left-1/2 top-0 h-2 w-48 -translate-x-1/2 roun
1791ded-b-md stripes-hazard lg:hidden" aria-hidden="true"></span>
1792                <span class="absolute bottom-0 left-1/2 h-2 w-48 -translate-x-1/2 rounded-t-md stripes-hazard lg:hidden" aria-hidden="true"></span>
1793
1794                <div class="relative w-full">
1795                    
1796                    <div class="mx-auto w-full max-w-xs animate-factory-shake motion-reduce:hidden">
1797                        
1798                        <div class="relative hidden h-28 overflow-hidden rounded-xl bg-base-200 shadow-inner ring-1 ring-secondary/10 lg:block">
1799                            
1800                            <svg class="inline flex-shrink-0 absolute -left-3 top-0 h-10 w-10 animate-gear-cw text-secondary/15" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1801  <path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 0 1 1.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.559.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.894.149c-.424.07-.764.383-.929.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 0 1-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.398.165-.71.505-.781.929l-.149.894c-.09.542-.56.94-1.11.94h-1.094c-.55 0-1.019-.398-1.11-.94l-.148-.894c-.071-.424-.384-.764-.781-.93-.398-.164-.854-.142-1.204.108l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 0 1-.12-1.45l.527-.737c.25-.35.272-.806.108-1.204-.165-.397-.506-.71-.93-.78l-.894-.15c-.542-.09-.94-.56-.94-1.109v-1.094c0-.55.398-1.02.94-1.11l.894-.149c.424-.07.765-.383.93-.78.165-.398.143-.854-.108-1.204l-.526-.738a1.125 1.125 0 0 1 .12-1.45l.773-.773a1.125 1.125 0 0 1 1.45-.12l.737.527c.35.25.807.272 1.204.107.397-.165.71-.505.78-.929l.15-.894Z"/>
1802  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
1803</svg>
1804                                <svg class="inline flex-shrink-0 absolute -bottom-4 -right-3 h-12 w-12 animate-gear-ccw text-secondary/15" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1805  <path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z"/>
1806  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
1807</svg>
1808    
1809                            
1810                            <div class="absolute inset-x-3 bottom-3 border-t border-dashed border-secondary/25" aria-hidden="true"></div>
1811
1812                            
1813                            <div class="absolute left-1/2 top-0 -translate-x-1/2 animate-factory-press" aria-hidden="true">
1814                                <div class="mx-auto h-8 w-3 bg-secondary/25"></div>
1815                                <div class="h-2.5 w-16 rounded-sm bg-accent shadow-md"></div>
1816                            </div>
1817
1818                            
1819                            <div class="absolute left-1/2 top-1/2 h-16 w-16 -translate-x-1/2 -translate-y-1/2 animate-factory-flash rounded-full bg-accent blur-md"
1820                                aria-hidden="true"></div>
1821
1822                            
1823                            <div class="absolute bottom-5 left-1/2 -translate-x-1/2 animate-factory-coin">
1824                                <span class="relative block h-12 w-16">
1825                                    <span class="absolute left-0 top-0 flex h-6 w-6 items-center justify-center rounded-full text-secondary shadow-md">
1826                                        <svg class="inline flex-shrink-0 h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true">
1827  <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z   M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1  c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2  c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/>
1828</svg>
1829                                        </span>
1830                                    <span class="absolute bottom-0 left-1 z-10 flex h-7 w-7 items-center justify-center rounded-full text-secondary shadow-md">
1831                                        <svg class="inline flex-shrink-0 h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true">
1832  <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z   M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1  c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2  c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/>
1833</svg>
1834                                        </span>
1835                                    <span
1836                                        class="absolute bottom-0.5 right-0 z-20 flex h-11 w-11 items-center justify-center rounded-full text-secondary shadow-md">
1837                                        <svg class="inline flex-shrink-0 h-10 w-10" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true">
1838  <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z   M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1  c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2  c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/>
1839</svg>
1840                                        </span>
1841                                </span>
1842                            </div>
1843
1844                            
1845                            <div class="absolute bottom-5 left-1/2 -translate-x-1/2 animate-factory-gift">
1846                                <span class="flex h-12 w-20 overflow-hidden rounded-md border border-white shadow-md">
1847    <span class="flex h-full w-full flex-col items-center justify-center gap-0.5 bg-linear-to-tr from-[#111115] from-60% to-[#242E3F]">
1848        <span class="text-[0.4rem] font-bold uppercase leading-none tracking-widest text-accent">Carte cadeau</span>
1849        <svg class="inline flex-shrink-0 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90" fill="currentColor" role="img" aria-label="Gift Icon" aria-hidden="true">
1850  <path d="M75.6 26.6h-6.9c1.4-1.9 2.1-4 2.1-6.4s-1-5.5-3.1-7.4c-2.1-2.1-4.6-3.1-7.4-3.1-2.7 0-5.5 1-7.4 3.1l-7.6 7.6-7.6-7.6c-2.1-2.1-4.6-3.1-7.4-3.1-2.7 0-5.5 1-7.4 3.1-2.1 2.1-3.1 4.6-3.1 7.4s.7 4.5 2.1 6.4h-8.2c-2.9 0-5.3 2.4-5.3 5.3v7.9c0 2.6 1.9 4.8 4.3 5.3v28c0 4 3.1 7.1 7.1 7.1H70c4 0 7.1-3.1 7.1-7.1v-28c2.4-.5 4.3-2.7 4.3-5.3v-7.9c0-2.9-2.4-5.3-5.3-5.3zM54.7 14.9c1.5-1.5 3.4-2.4 5.7-2.4 2.1 0 4.1.9 5.7 2.4 1.5 1.5 2.4 3.4 2.4 5.7s-.9 4.1-2.4 5.7c0 .2-.3.3-.7.7H51.4l-4.3-4.3 7.6-7.6zm-1.7 62.6H38.5V29.2H53v48.3zm-28.4-51.6c-3.1-3.1-3.1-8.1 0-11.3 1.5-1.5 3.4-2.4 5.7-2.4 2.1 0 4.1.9 5.7 2.4l12 12H25.3l-.7-.7zm-9.6 47.1V45.2h6.5c.7 0 1.4-.5 1.4-1.4s-.5-1.4-1.4-1.4h-8.1c-1.5 0-2.7-1.2-2.7-2.7v-7.9c0-1.5 1.2-2.7 2.7-2.7h22.3v48.3H19.4c-2.4 0-4.5-2.1-4.5-4.5zm54.8 4.5H55.5V45.2h18.7V73c0 2.4-2.1 4.5-4.4 4.5zm8.6-37.7c0 1.5-1.2 2.7-2.7 2.7H55.4V29.2h20.3c1.5 0 2.7 1.2 2.7 2.7v7.9z"/>
1851</svg>
1852        </span>
1853</span>
1854                            </div>
1855
1856                            <div class="pointer-events-none absolute inset-0 z-30 overflow-hidden rounded-xl" aria-hidden="true">
1857    
1858    <div class="absolute inset-0 bg-linear-to-br from-white/40 via-white/5 to-transparent"></div>
1859    
1860    <div class="absolute -top-1/4 left-1 h-[150%] w-1/4 -rotate-[20deg] bg-white/35 blur-md"></div>
1861    <div class="absolute -top-1/4 left-10 h-[150%] w-1.5 -rotate-[20deg] bg-white/60 blur-[2px]"></div>
1862    
1863    <div class="absolute inset-x-0 top-0 h-px bg-white/70"></div>
1864    <div class="absolute inset-y-0 left-0 w-px bg-white/30"></div>
1865</div>
1866                        </div>
1867
1868                        
1869                        <div class="relative mx-auto h-44 w-44 overflow-hidden rounded-xl bg-base-200 shadow-inner ring-1 ring-secondary/10 lg:hidden">
1870                            <svg class="inline flex-shrink-0 absolute -left-3 -top-3 h-10 w-10 animate-gear-cw text-secondary/15" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1871  <path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 0 1 1.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.559.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.894.149c-.424.07-.764.383-.929.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 0 1-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.398.165-.71.505-.781.929l-.149.894c-.09.542-.56.94-1.11.94h-1.094c-.55 0-1.019-.398-1.11-.94l-.148-.894c-.071-.424-.384-.764-.781-.93-.398-.164-.854-.142-1.204.108l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 0 1-.12-1.45l.527-.737c.25-.35.272-.806.108-1.204-.165-.397-.506-.71-.93-.78l-.894-.15c-.542-.09-.94-.56-.94-1.109v-1.094c0-.55.398-1.02.94-1.11l.894-.149c.424-.07.765-.383.93-.78.165-.398.143-.854-.108-1.204l-.526-.738a1.125 1.125 0 0 1 .12-1.45l.773-.773a1.125 1.125 0 0 1 1.45-.12l.737.527c.35.25.807.272 1.204.107.397-.165.71-.505.78-.929l.15-.894Z"/>
1872  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
1873</svg>
1874                                <svg class="inline flex-shrink-0 absolute -bottom-4 -right-3 h-12 w-12 animate-gear-ccw text-secondary/15" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1875  <path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.
1875074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z"/>
1876  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
1877</svg>
1878    
1879                            
1880                            <div class="absolute inset-y-3 left-1/2 -translate-x-1/2 border-l border-dashed border-secondary/25" aria-hidden="true"></div>
1881
1882                            
1883                            <div class="absolute left-0 top-1/2 flex items-center animate-factory-piston-l" aria-hidden="true">
1884                                <div class="h-3 w-20 bg-secondary/25"></div>
1885                                <div class="h-12 w-2.5 rounded-sm bg-accent shadow-md"></div>
1886                            </div>
1887                            <div class="absolute right-0 top-1/2 flex items-center animate-factory-piston-r" aria-hidden="true">
1888                                <div class="h-12 w-2.5 rounded-sm bg-accent shadow-md"></div>
1889                                <div class="h-3 w-20 bg-secondary/25"></div>
1890                            </div>
1891
1892                            
1893                            <div class="absolute left-1/2 top-1/2 h-16 w-16 -translate-x-1/2 -translate-y-1/2 animate-factory-flash rounded-full bg-accent blur-md"
1894                                aria-hidden="true"></div>
1895
1896                            
1897                            <div class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2">
1898                                <div class="animate-factory-coin-v">
1899                                    <span class="relative block h-12 w-16">
1900                                        <span class="absolute left-0 top-0 flex h-6 w-6 items-center justify-center rounded-full text-secondary shadow-md">
1901                                            <svg class="inline flex-shrink-0 h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true">
1902  <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z   M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1  c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2  c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/>
1903</svg>
1904                                            </span>
1905                                        <span class="absolute bottom-0 left-1 z-10 flex h-7 w-7 items-center justify-center rounded-full text-secondary shadow-md">
1906                                            <svg class="inline flex-shrink-0 h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true">
1907  <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z   M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1  c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2  c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/>
1908</svg>
1909                                            </span>
1910                                        <span class="absolute bottom-0.5 right-0 z-20 flex h-11 w-11 items-center justify-center rounded-full text-secondary shadow-md">
1911                                            <svg class="inline flex-shrink-0 h-10 w-10" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true">
1912  <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z   M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1  c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2  c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/>
1913</svg>
1914                                            </span>
1915                                    </span>
1916                                </div>
1917                            </div>
1918
1919                            
1920                            <div class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2">
1921                                <div class="animate-factory-gift-v">
1922                                    <span class="flex h-12 w-20 overflow-hidden rounded-md border border-white shadow-md">
1923    <span class="flex h-full w-full flex-col items-center justify-center gap-0.5 bg-linear-to-tr from-[#111115] from-60% to-[#242E3F]">
1924        <span class="text-[0.4rem] font-bold uppercase leading-none tracking-widest text-accent">Carte cadeau</span>
1925        <svg class="inline flex-shrink-0 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90" fill="currentColor" role="img" aria-label="Gift Icon" aria-hidden="true">
1926  <path d="M75.6 26.6h-6.9c1.4-1.9 2.1-4 2.1-6.4s-1-5.5-3.1-7.4c-2.1-2.1-4.6-3.1-7.4-3.1-2.7 0-5.5 1-7.4 3.1l-7.6 7.6-7.6-7.6c-2.1-2.1-4.6-3.1-7.4-3.1-2.7 0-5.5 1-7.4 3.1-2.1 2.1-3.1 4.6-3.1 7.4s.7 4.5 2.1 6.4h-8.2c-2.9 0-5.3 2.4-5.3 5.3v7.9c0 2.6 1.9 4.8 4.3 5.3v28c0 4 3.1 7.1 7.1 7.1H70c4 0 7.1-3.1 7.1-7.1v-28c2.4-.5 4.3-2.7 4.3-5.3v-7.9c0-2.9-2.4-5.3-5.3-5.3zM54.7 14.9c1.5-1.5 3.4-2.4 5.7-2.4 2.1 0 4.1.9 5.7 2.4 1.5 1.5 2.4 3.4 2.4 5.7s-.9 4.1-2.4 5.7c0 .2-.3.3-.7.7H51.4l-4.3-4.3 7.6-7.6zm-1.7 62.6H38.5V29.2H53v48.3zm-28.4-51.6c-3.1-3.1-3.1-8.1 0-11.3 1.5-1.5 3.4-2.4 5.7-2.4 2.1 0 4.1.9 5.7 2.4l12 12H25.3l-.7-.7zm-9.6 47.1V45.2h6.5c.7 0 1.4-.5 1.4-1.4s-.5-1.4-1.4-1.4h-8.1c-1.5 0-2.7-1.2-2.7-2.7v-7.9c0-1.5 1.2-2.7 2.7-2.7h22.3v48.3H19.4c-2.4 0-4.5-2.1-4.5-4.5zm54.8 4.5H55.5V45.2h18.7V73c0 2.4-2.1 4.5-4.4 4.5zm8.6-37.7c0 1.5-1.2 2.7-2.7 2.7H55.4V29.2h20.3c1.5 0 2.7 1.2 2.7 2.7v7.9z"/>
1927</svg>
1928        </span>
1929</span>
1930                                </div>
1931                            </div>
1932
1933                            <div class="pointer-events-none absolute inset-0 z-30 overflow-hidden rounded-xl" aria-hidden="true">
1934    
1935    <div class="absolute inset-0 bg-linear-to-br from-white/40 via-white/5 to-transparent"></div>
1936    
1937    <div class="absolute -top-1/4 left-1 h-[150%] w-1/4 -rotate-[20deg] bg-white/35 blur-md"></div>
1938    <div class="absolute -top-1/4 left-10 h-[150%] w-1.5 -rotate-[20deg] bg-white/60 blur-[2px]"></div>
1939    
1940    <div class="absolute inset-x-0 top-0 h-px bg-white/70"></div>
1941    <div class="absolute inset-y-0 left-0 w-px bg-white/30"></div>
1942</div>
1943                        </div>
1944                    </div>
1945
1946                    
1947                    <div class="hidden items-center justify-center gap-2 motion-reduce:flex">
1948                        <div class="flex h-20 w-20 items-center justify-center rounded-xl bg-white/10 ring-1 ring-inset ring-white/20">
1949                            <svg class="inline flex-shrink-0 w-14 h-14 text-accent" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90" fill="currentColor" role="img" aria-label="VP plein icon">
1950  <path d="M56.8 69c-0.9 0-1.6-0.7-1.6-1.6V50.8c0-0.9 0.7-1.6 1.6-1.6h11.5c5.5 0 11.5-4 11.5-9.8 0-7.7-3.8-11.4-11.6-11.4H49.8L30.2 67.8c-0.3 0.6-0.8 0.9-1.5 0.9 0 0 0 0 0 0-0.6 0-1.2-0.4-1.5-0.9L8.5 28.5c-0.4-0.8 0-1.8 0.8-2.2 0.8-0.4 1.8 0 2.2 0.8l17.3 36.2 
195018.5-37.7c0.3-0.6 0.8-0.9 1.5-0.9h19.5c9.6 0 14.8 5.2 14.8 14.6 0 7.8-7.7 13.1-14.8 13.1h-9.8v14.9c0 0.9-0.7 1.6-1.6 1.6z"/>
1951</svg>
1952                            </div>
1953                        <div class="flex items-center text-accent" aria-hidden="true">
1954                            <svg class="inline flex-shrink-0 w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1955  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
1956</svg>
1957                                <svg class="inline flex-shrink-0 w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1958  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
1959</svg>
1960                                <svg class="inline flex-shrink-0 w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1961  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
1962</svg>
1963                            </div>
1964                        <div class="flex h-20 w-20 items-center justify-center rounded-xl bg-white/10 ring-1 ring-inset ring-white/20">
1965                            <svg class="inline flex-shrink-0 w-14 h-14 text-accent" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90" fill="currentColor" role="img" aria-label="Gift Icon" aria-hidden="true">
1966  <path d="M75.6 26.6h-6.9c1.4-1.9 2.1-4 2.1-6.4s-1-5.5-3.1-7.4c-2.1-2.1-4.6-3.1-7.4-3.1-2.7 0-5.5 1-7.4 3.1l-7.6 7.6-7.6-7.6c-2.1-2.1-4.6-3.1-7.4-3.1-2.7 0-5.5 1-7.4 3.1-2.1 2.1-3.1 4.6-3.1 7.4s.7 4.5 2.1 6.4h-8.2c-2.9 0-5.3 2.4-5.3 5.3v7.9c0 2.6 1.9 4.8 4.3 5.3v28c0 4 3.1 7.1 7.1 7.1H70c4 0 7.1-3.1 7.1-7.1v-28c2.4-.5 4.3-2.7 4.3-5.3v-7.9c0-2.9-2.4-5.3-5.3-5.3zM54.7 14.9c1.5-1.5 3.4-2.4 5.7-2.4 2.1 0 4.1.9 5.7 2.4 1.5 1.5 2.4 3.4 2.4 5.7s-.9 4.1-2.4 5.7c0 .2-.3.3-.7.7H51.4l-4.3-4.3 7.6-7.6zm-1.7 62.6H38.5V29.2H53v48.3zm-28.4-51.6c-3.1-3.1-3.1-8.1 0-11.3 1.5-1.5 3.4-2.4 5.7-2.4 2.1 0 4.1.9 5.7 2.4l12 12H25.3l-.7-.7zm-9.6 47.1V45.2h6.5c.7 0 1.4-.5 1.4-1.4s-.5-1.4-1.4-1.4h-8.1c-1.5 0-2.7-1.2-2.7-2.7v-7.9c0-1.5 1.2-2.7 2.7-2.7h22.3v48.3H19.4c-2.4 0-4.5-2.1-4.5-4.5zm54.8 4.5H55.5V45.2h18.7V73c0 2.4-2.1 4.5-4.4 4.5zm8.6-37.7c0 1.5-1.2 2.7-2.7 2.7H55.4V29.2h20.3c1.5 0 2.7 1.2 2.7 2.7v7.9z"/>
1967</svg>
1968                            </div>
1969                    </div>
1970
1971                    <p class="mb-0 mt-4 text-sm text-white/80">
1972                        Des <span class="font-bold text-white">VIPoints de fidélité</span> tous les 10€ d'achat <br>
1973                        à transformer en <span class="font-bold text-white">cartes cadeaux</span> !
1974                    </p>
1975
1976                    <a href="https://vipros.fr/programme-de-fidelite"
1977    
1978        wire:key="mary756b6e732df97f9b031a020000ee6b63"
1979        type="button"
1980        class="btn mt-5 btn-accent font-bold !uppercase"
1981
1982        
1983                    wire:navigate
1984        
1985        
1986            >
1987
1988        <!-- SPINNER LEFT -->
1989        
1990        <!-- ICON -->
1991        
1992        <!-- LABEL / SLOT -->
1993                    <span class="">
1994                En savoir plus
1995            </span>
1996                    
1997        <!-- ICON RIGHT -->
1998                    <span class="block" >
1999                <svg class="inline flex-shrink-0 w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2000  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
2001</svg>
2002                </span>
2003        
2004        <!-- SPINNER RIGHT -->
2005        
2006            </a>
2007                    </div>
2008            </div>
2009        </div>
2010
2011        <div class="relative flex items-center justify-center overflow-hidden lg:justify-start">
2012            <div aria-hidden="true" class="pointer-events-none absolute inset-0 z-0">
2013    <div class="absolute inset-x-0 inset-y-6 hidden overflow-hidden bg-primary/15 lg:block">
2014        <div class="absolute inset-0 grid-blueprint animate-belt-x motion-reduce:animate-none"></div>
2015    </div>
2016
2017    
2018    <div class="absolute inset-y-0 left-1/2 w-72 -translate-x-1/2 overflow-hidden bg-primary/15 lg:hidden">
2019        <div class="absolute inset-0 grid-blueprint animate-belt-y motion-reduce:animate-none"></div>
2020    </div>
2021</div>
2022            <div class="relative z-10 flex h-40 w-60 overflow-hidden swiper-container swiper-gifts-machine lg:h-auto lg:w-full">
2023                <div class="swiper-wrapper">
2024                                            <div class="swiper-slide !w-60 max-lg:!h-40 lg:!h-auto py-2">
2025                            <div class="inline-block w-full max-w-60">
2026    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 240" class="w-full h-auto drop-shadow-xl"
2027        role="img" aria-label="Carte cadeau multi-enseigne de 50 euros">
2028        <defs>
2029            
2030            <linearGradient id="giftCardBg" x1="0" y1="1" x2="1" y2="0">
2031                <stop offset="0" stop-color="#111115" />
2032                <stop offset="0.6" stop-color="#111115" />
2033                <stop offset="1" stop-color="#242E3F" />
2034            </linearGradient>
2035            <filter id="giftAmountShadow" x="-15%" y="-20%" width="130%" height="160%">
2036                <feDropShadow dx="0" dy="3" stdDeviation="3" flood-color="#000000" flood-opacity="0.5" />
2037            </filter>
2038        </defs>
2039
2040        
2041        <rect x="2" y="2" width="380" height="236" rx="22" fill="url(#giftCardBg)" />
2042        
2043        <rect x="2" y="2" width="380" height="236" rx="22" fill="none" stroke="#ffffff" stroke-width="1"
2044            vector-effect="non-scaling-stroke" />
2045
2046        
2047        <text x="40" y="50" fill="#ffe201" font-family="&#039;Montserrat&#039;,&#039;Helvetica Neue&#039;,Arial,sans-serif" font-weight="700" font-size="17"
2048            textLength="150" lengthAdjust="spacingAndGlyphs">CARTE CADEAUX</text>
2049        <text x="40" y="72" fill="#ffffff" font-family="&#039;Montserrat&#039;,&#039;Helvetica Neue&#039;,Arial,sans-serif" font-weight="700" font-size="17"
2050            textLength="150" lengthAdjust="spacingAndGlyphs">MULTI-ENSEIGNE</text>
2051
2052        
2053        <g filter="url(#giftAmountShadow)" font-family="&#039;Montserrat&#039;,&#039;Helvetica Neue&#039;,Arial,sans-serif" font-weight="700" font-size="80"
2054            text-anchor="start" stroke-linejoin="round" stroke-linecap="round">
2055            <text x="48" y="182" fill="none" stroke="#ffe201" stroke-width="16"><tspan class="changeValueRang">50</tspan></text>
2056            <text x="48" y="182" fill="none" stroke="#0d0e12" stroke-width="8"><tspan class="changeValueRang">50</tspan></text>
2057            <text x="48" y="182" fill="#ffffff"><tspan class="changeValueRang">50</tspan><tspan dx="16" dy="-18" font-size="56" class="currency-symbol">€</tspan></text>
2058        </g>
2059    </svg>
2060</div>
2061                        </div>
2062                                            <div class="swiper-slide !w-60 max-lg:!h-40 lg:!h-auto py-2">
2063                            <div class="inline-block w-full max-w-60">
2064    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 240" class="w-full h-auto drop-shadow-xl"
2065        role="img" aria-label="Carte cadeau multi-enseigne de 80 euros">
2066        <defs>
2067            
2068            <linearGradient id="giftCardBg" x1="0" y1="1" x2="1" y2="0">
2069                <stop offset="0" stop-color="#111115" />
2070                <stop offset="0.6" stop-color="#111115" />
2071                <stop offset="1" stop-color="#242E3F" />
2072            </linearGradient>
2073            <filter id="giftAmountShadow" x="-15%" y="-20%" width="130%" height="160%">
2074                <feDropShadow dx="0" dy="3" stdDeviation="3" flood-color="#000000" flood-opacity="0.5" />
2075            </filter>
2076        </defs>
2077
2078        
2079        <rect x="2" y="2" width="380" height="236" rx="22" fill="url(#giftCardBg)" />
2080        
2081        <rect x="2" y="2" width="380" height="236" rx="22" fill="none" stroke="#ffffff" stroke-width="1"
2082            vector-effect="non-scaling-stroke" />
2083
2084        
2085        <text x="40" y="50" fill="#ffe201" font-family="&#039;Montserrat&#039;,&#039;Helvetica Neue&#039;,Arial,sans-serif" font-weight="700" font-size="17"
2086            textLength="150" lengthAdjust="spacingAndGlyphs">CARTE CADEAUX</text>
2087        <text x="40" y="72" fill="#ffffff" font-family="&#039;Montserrat&#039;,&#039;Helvetica Neue&#039;,Arial,sans-serif" font-weight="700" font-size="17"
2088            textLength="150" lengthAdjust="spacingAndGlyphs">MULTI-ENSEIGNE</text>
2089
2090        
2091        <g filter="url(#giftAmountShadow)" font-family="&#039;Montserrat&#039;,&#039;Helvetica Neue&#039;,Arial,sans-serif" font-weight="700" font-size="80"
2092            text-anchor="start" stroke-linejoin="round" stroke-linecap="round">
2093            <text x="48" y="182" fill="none" stroke="#ffe201" stroke-width="16"><tspan class="changeValueRang">80</tspan></text>
2094            <text x="48" y="182" fill="none" stroke="#0d0e12" stroke-width="8"><tspan class="changeValueRang">80</tspan></text>
2095            <text x="48" y="182" fill="#ffffff"><tspan class="changeValueRang">80</tspan><tspan dx="16" dy="-18" font-size="56" class="currency-symbol">€</tspan></text>
2096        </g>
2097    </svg>
2098</div>
2099                        </div>
2100                                            <div class="swiper-slide !w-60 max-lg:!h-40 lg:!h-auto py-2">
2101                            <div class="inline-block w-full max-w-60">
2102    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 240" class="w-full h-auto drop-shadow-xl"
2103        role="img" aria-label="Carte cadeau multi-enseigne de 100 euros">
2104        <defs>
2105            
2106            <linearGradient id="giftCardBg" x1="0" y1="1" x2="1" y2="0">
2107                <stop offset="0" stop-color="#111115" />
2108                <stop offset="0.6" stop-color="#111115" />
2109                <stop offset="1" stop-color="#242E3F" />
2110            </linearGradient>
2111            <filter id="giftAmountShadow" x="-15%" y="-20%" width="130%" height="160%">
2112                <feDropShadow dx="0" dy="3" stdDeviation="3" flood-color="#000000" flood-opacity="0.5" />
2113            </filter>
2114        </defs>
2115
2116        
2117        <rect x="2" y="2" width="380" height="236" rx="22" fill="url(#giftCardBg)" />
2118        
2119        <rect x="2" y="2" width="380" height="236" rx="22" fill="none" stroke="#ffffff" stroke-width="1"
2120            vector-effect="non-scaling-stroke" />
2121
2122        
2123        <text x="40" y="50" fill="#ffe201" font-family="&#039;Montserrat&#039;,&#039;Helvetica Neue&#039;,Arial,sans-serif" font-weight="700" font-size="17"
2124            textLength="150" lengthAdjust="spacingAndGlyphs">CARTE CADEAUX</text>
2125        <text x="40" y="72" fill="#ffffff" font-family="&#039;Montserrat&#039;,&#039;Helvetica Neue&#039;,Arial,sans-serif" font-weight="700" font-size="17"
2126            textLength="150" lengthAdjust="spacingAndGlyphs">MULTI-ENSEIGNE</text>
2127
2128        
2129        <g filter="url(#giftAmountShadow)" font-family="&#039;Montserrat&#039;,&#039;Helvetica Neue&#039;,Arial,sans-serif" font-weight="700" font-size="80"
2130            text-anchor="start" stroke-linejoin="round" stroke-linecap="round">
2131            <text x="48" y="182" fill="none" stroke="#ffe201" stroke-width="16"><tspan class="changeValueRang">100</tspan></text>
2132            <text x="48" y="182" fill="none" stroke="#0d0e12" stroke-width="8"><tspan class="changeValueRang">100</tspan></text>
2133            <text x="48" y="182" fill="#ffffff"><tspan class="changeValueRang">100</tspan><tspan dx="16" dy="-18" font-size="56" class="currency-symbol">€</tspan></text>
2134        </g>
2135    </svg>
2136</div>
2137                        </div>
2138                                            <div class="swiper-slide !w-60 max-lg:!h-40 lg:!h-auto py-2">
2139                            <div class="inline-block w-full max-w-60">
2140    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 240" class="w-full h-auto drop-shadow-xl"
2141        role="img" aria-label="Carte cadeau multi-enseigne de 200 euros">
2142        <defs>
2143            
2144            <linearGradient id="giftCardBg" x1="0" y1="1" x2="1" y2="0">
2145                <stop offset="0" stop-color="#111115" />
2146                <stop offset="0.6" stop-color="#111115" />
2147                <stop offset="1" stop-color="#242E3F" />
2148            </linearGradient>
2149            <filter id="giftAmountShadow" x="-15%" y="-20%" width="130%" height="160%">
2150                <feDropShadow dx="0" dy="3" stdDeviation="3" flood-color="#000000" flood-opacity="0.5" />
2151            </filter>
2152        </defs>
2153
2154        
2155        <rect x="2" y="2" width="380" height="236" rx="22" fill="url(#giftCardBg)" />
2156        
2157        <rect x="2" y="2" width="380" height="236" rx="22" fill="none" stroke="#ffffff" stroke-width="1"
2158            vector-effect="non-scaling-stroke" />
2159
2160        
2161        <text x="40" y="50" fill="#ffe201" font-family="&#039;Montserrat&#039;,&#039;Helvetica Neue&#039;,Arial,sans-serif" font-weight="700" font-size="17"
2162            textLength="150" lengthAdjust="spacingAndGlyphs">CARTE CADEAUX</text>
2163        <text x="40" y="72" fill="#ffffff" font-family="&#039;Montserrat&#039;,&#039;Helvetica Neue&#039;,Arial,sans-serif" font-weight="700" font-size="17"
2164            textLength="150" lengthAdjust="spacingAndGlyphs">MULTI-ENSEIGNE</text>
2165
2166        
2167        <g filter="url(#giftAmountShadow)" font-family="&#039;Montserrat&#039;,&#039;Helvetica Neue&#039;,Arial,sans-serif" font-weight="700" font-size="80"
2168            text-anchor="start" stroke-linejoin="round" stroke-linecap="round">
2169            <text x="48" y="182" fill="none" stroke="#ffe201" stroke-width="16"><tspan class="changeValueRang">200</tspan></text>
2170            <text x="48" y="182" fill="none" stroke="#0d0e12" stroke-width="8"><tspan class="changeValueRang">200</tspan></text>
2171            <text x="48" y="182" fill="#ffffff"><tspan class="changeValueRang">200</tspan><tspan dx="16" dy="-18" font-size="56" class="currency-symbol">€</tspan></text>
2172        </g>
2173    </svg>
2174</div>
2175                        </div>
2176                                            <div class="swiper-slide !w-60 max-lg:!h-40 lg:!h-auto py-2">
2177                            <div class="inline-block w-full max-w-60">
2178    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 240" class="w-full h-auto drop-shadow-xl"
2179        role="img" aria-label="Carte cadeau multi-enseigne de 500 euros">
2180        <defs>
2181            
2182            <linearGradient id="giftCardBg" x1="0" y1="1" x2="1" y2="0">
2183                <stop offset="0" stop-color="#111115" />
2184                <stop offset="0.6" stop-color="#111115" />
2185                <stop offset="1" stop-color="#242E3F" />
2186            </linearGradient>
2187            <filter id="giftAmountShadow" x="-15%" y="-20%" width="130%" height="160%">
2188                <feDropShadow dx="0" dy="3" stdDeviation="3" flood-color="#000000" flood-opacity="0.5" />
2189            </filter>
2190        </defs>
2191
2192        
2193        <rect x="2" y="2" width="380" height="236" rx="22" fill="url(#giftCardBg)" />
2194        
2195        <rect x="2" y="2" width="380" height="236" rx="22" fill="none" stroke="#ffffff" stroke-width="1"
2196            vector-effect="non-scaling-stroke" />
2197
2198        
2199        <text x="40" y="50" fill="#ffe201" font-family="&#039;Montserrat&#039;,&#039;Helvetica Neue&#039;,Arial,sans-serif" font-weight="700" font-size="17"
2200            textLength="150" lengthAdjust="spacingAndGlyphs">CARTE CADEAUX</text>
2201        <text x="40" y="72" fill="#ffffff" font-family="&#039;Montserrat&#039;,&#039;Helvetica Neue&#039;,Arial,sans-serif" font-weight="700" font-size="17"
2202            textLength="150" lengthAdjust="spacingAndGlyphs">MULTI-ENSEIGNE</text>
2203
2204        
2205        <g filter="url(#giftAmountShadow)" font-family="&#039;Montserrat&#039;,&#039;Helvetica Neue&#039;,Arial,sans-serif" font-weight="700" font-size="80"
2206            text-anchor="start" stroke-linejoin="round" stroke-linecap="round">
2207            <text x="48" y="182" fill="none" stroke="#ffe201" stroke-width="16"><tspan class="changeValueRang">500</tspan></text>
2208            <text x="48" y="182" fill="none" stroke="#0d0e12" stroke-width="8"><tspan class="changeValueRang">500</tspan></text>
2209            <text x="48" y="182" fill="#ffffff"><tspan class="changeValueRang">500</tspan><tspan dx="16" dy="-18" font-size="56" class="currency-symbol">€</tspan></text>
2210        </g>
2211    </svg>
2212</div>
2213                        </div>
2214                                    </div>
2215            </div>
2216        </div>
2217    </div>
2218</section>
2219
2220    <section wire:snapshot="{&quot;data&quot;:{&quot;limit&quot;:4,&quot;variant&quot;:&quot;v2&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;qce7fEtUmcbeu2UhavVd&quot;,&quot;name&quot;:&quot;components.mag-articles&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;lazyLoaded&quot;:false,&quot;lazyIsolated&quot;:true,&quot;errors&quot;:[],&quot;locale&quot;:&quot;fr_FR&quot;},&quot;checksum&quot;:&quot;09951faba13c72363d157ebeda0b339b3a574007eaf88c23afddc3bac1b1381e&quot;}" wire:effects="[]" wire:id="qce7fEtUmcbeu2UhavVd" x-intersect="$wire.__lazyLoad(&#039;eyJkYXRhIjp7ImZvck1vdW50IjpbeyJ2YXJpYW50IjoidjIifSx7InMiOiJhcnIifV0sImZvckNvbXBvbmVudCI6ImNvbXBvbmVudHMubWFnLWFydGljbGVzIn0sIm1lbW8iOnsiaWQiOiI0S0o1Tm9ITjFTdTFNYjZwNUM3QyIsIm5hbWUiOiJfX21vdW50UGFyYW1zQ29udGFpbmVyIiwicGF0aCI6IlwvIiwibWV0aG9kIjoiR0VUIiwicmVsZWFzZSI6ImEtYS1hIn0sImNoZWNrc3VtIjoiZWI4ZWYxNzRjMTU4ZTIzNWZlZWJhODI1MjkxZDRiZGNkYjk1OWYwYzIwN2RmOWVkNjRlMzI5YTRkNTE5ZTQ0ZSJ9&#039;)" id="section-mag" class="py-10 bg-base-200 md:py-14">
2221    <div class="container">
2222        
2223                    <div class="mb-6 space-y-3 md:mb-8">
2224                <div class="w-32 h-3 rounded skeleton bg-base-300"></div>
2225                <div class="w-80 h-8 rounded skeleton bg-base-300 max-w-full"></div>
2226            </div>
2227        
2228        
2229        <div class="hidden gap-6 md:grid md:grid-cols-4">
2230                            <div class="h-full">
2231                    
2232                    <div class="relative w-full overflow-hidden rounded-lg shadow-md bg-base-200">
2233                        <div class="w-full pt-[56%] skeleton"></div>
2234                    </div>
2235                    
2236                    <div class="pt-3 space-y-2">
2237                        <div class="w-24 h-3 rounded skeleton bg-base-300"></div>
2238                        <div class="w-full h-4 rounded skeleton bg-base-300"></div>
2239                        <div class="w-3/4 h-4 rounded skeleton bg-base-300"></div>
2240                    </div>
2241                </div>
2242                            <div class="h-full">
2243                    
2244                    <div class="relative w-full overflow-hidden rounded-lg shadow-md bg-base-200">
2245                        <div class="w-full pt-[56%] skeleton"></div>
2246                    </div>
2247                    
2248                    <div class="pt-3 space-y-2">
2249                        <div class="w-24 h-3 rounded skeleton bg-base-300"></div>
2250                        <div class="w-full h-4 rounded skeleton bg-base-300"></div>
2251                        <div class="w-3/4 h-4 rounded skeleton bg-base-300"></div>
2252                    </div>
2253                </div>
2254                            <div class="h-full">
2255                    
2256                    <div class="relative w-full overflow-hidden rounded-lg shadow-md bg-base-200">
2257                        <div class="w-full pt-[56%] skeleton"></div>
2258                    </div>
2259                    
2260                    <div class="pt-3 space-y-2">
2261                        <div class="w-24 h-3 rounded skeleton bg-base-300"></div>
2262                        <div class="w-full h-4 rounded skeleton bg-base-300"></div>
2263                        <div class="w-3/4 h-4 rounded skeleton bg-base-300"></div>
2264                    </div>
2265                </div>
2266                            <div class="h-full">
2267                    
2268                    <div class="relative w-full overflow-hidden rounded-lg shadow-md bg-base-200">
2269                        <div class="w-full pt-[56%] skeleton"></div>
2270                    </div>
2271                    
2272                    <div class="pt-3 space-y-2">
2273                        <div class="w-24 h-3 rounded skeleton bg-base-300"></div>
2274                        <div class="w-full h-4 rounded skeleton bg-base-300"></div>
2275                        <div class="w-3/4 h-4 rounded skeleton bg-base-300"></div>
2276                    </div>
2277                </div>
2278                    </div>
2279
2280        
2281        <div class="flex gap-4 overflow-hidden md:hidden">
2282                            <div class="flex-shrink-0 w-[220px]">
2283                    <div class="relative w-full overflow-hidden rounded-lg shadow-md bg-base-200">
2284                        <div class="w-full pt-[56%] skeleton"></div>
2285                    </div>
2286                    <div class="pt-3 space-y-2">
2287                        <div class="w-20 h-3 rounded skeleton bg-base-300"></div>
2288                        <div class="w-full h-4 rounded skeleton bg-base-300"></div>
2289                        <div class="w-2/3 h-4 rounded skeleton bg-base-300"></div>
2290                    </div>
2291                </div>
2292                            <div class="flex-shrink-0 w-[220px]">
2293                    <div class="relative w-full overflow-hidden rounded-lg shadow-md bg-base-200">
2294                        <div class="w-full pt-[56%] skeleton"></div>
2295                    </div>
2296                    <div class="pt-3 space-y-2">
2297                        <div class="w-20 h-3 rounded skeleton bg-base-300"></div>
2298                        <div class="w-full h-4 rounded skeleton bg-base-300"></div>
2299                        <div class="w-2/3 h-4 rounded skeleton bg-base-300"></div>
2300                    </div>
2301                </div>
2302                    </div>
2303
2304        
2305        <div class="flex justify-center mt-6 md:mt-8">
2306            <div class="w-40 h-10 rounded-lg skeleton bg-base-300"></div>
2307        </div>
2308    </div>
2309</section>
2310    <section class="border-t border-base-300 bg-base-100 py-10 md:py-12">
2311        <div class="container" data-reveal>
2312            <p class="m-0 mb-8 text-center text-xs font-bold uppercase tracking-[0.25em] text-neutral">Avec le soutien de</p>
2313            <div class="flex flex-wrap items-center justify-center gap-6 sm:gap-16">
2314                                                            
2315                        <div class="flex basis-[calc(50%-0.75rem)] items-center justify-center p-3 sm:basis-auto">
2316                            <img width="300" height="86" src="https://vipros.fr/app/uploads/2026/08/Logo_Bpifrance-mini.png" class="max-h-12 w-auto opacity-70 grayscale transition duration-300 hover:opacity-100 hover:grayscale-0 sm:max-h-16" alt="" loading="lazy" decoding="async" />                        </div>
2317                                                                                
2318                        <div class="flex basis-[calc(50%-0.75rem)] items-center justify-center p-3 sm:basis-auto">
2319                            <img width="300" height="125" src="https://vipros.fr/app/uploads/2026/08/capeb_gp-mini.png" class="max-h-12 w-auto opacity-70 grayscale transition duration-300 hover:opacity-100 hover:grayscale-0 sm:max-h-16" alt="" loading="lazy" decoding="async" />                        </div>
2320                                                                                
2321                        <div class="flex basis-[calc(50%-0.75rem)] items-center justify-center p-3 sm:basis-auto">
2322                            <img width="300" height="77" src="https://vipros.fr/app/uploads/2026/08/FEDE_COMP_MOUCHARD_gris-mini.png" class="max-h-12 w-auto opacity-70 grayscale transition duration-300 hover:opacity-100 hover:grayscale-0 sm:max-h-16" alt="" loading="lazy" decoding="async" />                        </div>
2323                                                                                
2324                        <div class="flex basis-[calc(50%-0.75rem)] items-center justify-center p-3 sm:basis-auto">
2325                            <img width="284" height="76" src="https://vipros.fr/app/uploads/2026/08/ministere-300x140-1.jpg" class="max-h-12 w-auto opacity-70 grayscale transition duration-300 hover:opacity-100 hover:grayscale-0 sm:max-h-16" alt="" loading="lazy" decoding="async" />                        </div>
2326                                                </div>
2327        </div>
2328    </section>
2329    <section class="relative overflow-hidden bg-linear-to-br from-accent to-[#EDC61C] py-12 text-secondary md:py-16">
2330    <div data-reveal class="container relative text-center">
2331        <h2 class="m-0 text-3xl font-extrabold uppercase tracking-tight text-balance md:text-5xl">
2332            Prêt à booster votre<br>
2333            pouvoir d'achat ?
2334        </h2>
2335        <p class="mx-auto mb-0 mt-4 max-w-md text-sm font-semibold md:text-base">
2336            Inscription gratuite, en moins de 2 minutes.
2337            Vos avantages commencent dès la première facture.
2338        </p>
2339        <div class="mt-8 flex flex-wrap items-center justify-center gap-4">
2340            <a href="https://vipros.fr/inscription"
2341    
2342        wire:key="marye6800444001a3549fe70962559c51c9c"
2343        type="button"
2344        class="btn font-bold !uppercase btn-primary"
2345
2346        
2347                    wire:navigate
2348        
2349        
2350            >
2351
2352        <!-- SPINNER LEFT -->
2353        
2354        <!-- ICON -->
2355        
2356        <!-- LABEL / SLOT -->
2357                    <span class="">
2358                Rejoindre le club
2359            </span>
2360                    
2361        <!-- ICON RIGHT -->
2362                    <span class="block" >
2363                <svg class="inline flex-shrink-0 w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2364  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
2365</svg>
2366                </span>
2367        
2368        <!-- SPINNER RIGHT -->
2369        
2370            </a>
2371                <a href="https://vipros.fr/offres-cashback"
2372    
2373        wire:key="mary782ed0ff49ba283690d67bb4ac3d3864"
2374        type="button"
2375        class="btn btn-outline btn-secondary"
2376
2377        
2378                    wire:navigate
2379        
2380        
2381            >
2382
2383        <!-- SPINNER LEFT -->
2384        
2385        <!-- ICON -->
2386        
2387        <!-- LABEL / SLOT -->
2388                    <span class="">
2389                Voir les offres
2390            </span>
2391                    
2392        <!-- ICON RIGHT -->
2393        
2394        <!-- SPINNER RIGHT -->
2395        
2396            </a>
2397            </div>
2398    </div>
2399</section>
2400                    </main>
2401
2402        
2403                                    <footer class="pt-12 text-white border-t-4 bg-linear-to-r from-secondary to-primary border-accent">
2404    <div class="container">
2405        <div class="grid grid-cols-1 gap-10 pb-10 md:grid-cols-2 lg:grid-cols-12">
2406            
2407            <div class="lg:col-span-4">
2408                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 639.51 154.02" role="img" aria-label="Logo VIPros" class="w-40 mb-5">
2409    <path class="fill-white"
2410        d="M160.35 0l-66.18 151.89h-27.77L0 0h30.59l50.56 117.17L132.14 0h28.21ZM170.33 0h28.21v151.89h-28.21V0ZM350.2 54.03c0 33.42-24.74 54.03-64.66 54.03h-34.28v43.83h-28.21V0h62.49c39.92 0 64.66 20.4 64.66 54.03ZM321.78 54.03c0-19.09-12.8-30.16-37.54-30.16h-32.98v60.32h32.98c24.74 0 37.54-11.07 37.54-30.16ZM544.29 140.98l9.32-19.44c9.52 7.14 24 11.71 38.49 11.71 16.66 0 22.62-5.75 22.62-12.7 0-22.62-67.25-5.75-67.25-48.8 0-21.03 18.65-35.11 48.21-35.11 14.08 0 29.16 2.98 39.68 9.72l-8.53 19.44c-10.12-6.55-21.42-8.73-31.94-8.73-15.87 0-22.42 5.75-22.42 13.29 0 22.22 67.05 6.15 67.05 48.01 0 21.42-18.05 35.51-48.6 35.51-17.85 0-36.5-5.16-46.62-12.89ZM479.64 36.63c-32.42 0-58.7 26.28-58.7 58.7s26.28 58.7 58.7 58.7c2.21 0 4.38-.13 6.53-.37l-32.43-32.43c-6.61-6.63-10.69-15.77-10.69-25.86 0-20.23 16.4-36.63 36.63-36.63 10.1 0 19.24 4.09 25.86 10.69l32.42 32.42c.24-2.14.37-4.32.37-6.53 0-32.42-26.28-58.7-58.7-58.7ZM389.48 115.19c15.08-6.35 23.81-18.85 23.81-35.91 0-25.79-19.24-40.87-49.59-40.87h-3.75c1.09 4.7 1.69 9.58 1.69 14.61 0 1.9-.1 3.77-.26 5.62h.53c17.26 0 26.19 7.34 26.19 20.63s-8.93 20.83-26.19 20.83h-20.85c-7.39 6.85-16.39 11.97-26.36 14.75v37.03h25v-32.14h25.99l22.81 32.14h26.98l-25.99-36.7Z" />
2411    <circle cx="479.64" cy="95.32" r="24.87" class="fill-accent" />
2412    <path class="fill-accent" d="M481.2 131.91l18.57 18.57c16.23-5.92 29.11-18.8 35.03-35.03l-18.56-18.57c-.8 18.99-16.04 34.23-35.03 35.03Z" />
2413</svg>
2414
2415                                    <div class="flex flex-wrap gap-3">
2416                                                                                    <a target="_blank" rel="noopener noreferrer" class="rounded-md  flex items-center justify-center text-white transition-colors border rounded-full w-11 h-11 border-white/20 hover:border-accent hover:bg-white/10 hover:text-accent" href="https://www.instagram.com/vipros.fr/" aria-label="VIPros sur Instagram" x-scroll-to>
2417            <svg class="inline flex-shrink-0 w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true">
2418  <path d="M15 11.5c-2 0-3.5 1.6-3.5 3.5 0 2 1.6 3.5 3.5 3.5 2 0 3.5-1.6 3.5-3.5 0-2-1.5-3.5-3.5-3.5z"/>
2419  <path d="M23.3 8.7c-.2-.5-.4-.9-.8-1.2-.4-.4-.7-.6-1.2-.8-.4-.1-.9-.3-2-.4-1.1-.1-1.5-.1-4.3-.1s-3.2 0-4.3.1c-1 0-1.6.2-2 .4-.5.2-.8.4-1.2.8-.4.4-.6.7-.8 1.2-.1.4-.3.9-.4 2-.1 1.1-.1 1.5-.1 4.3s0 3.2.1 4.3c0 1 .2 1.6.4 2 .2.5.4.9.8 1.2.4.4.7.6 1.2.8.4.1.9.3 2 .4 1.1.1 1.5.1 4.3.1s3.2 0 4.3-.1c1 0 1.6-.2 2-.4.5-.2.9-.4 1.2-.8.4-.4.6-.7.8-1.2.1-.4.3-.9.4-2 .1-1.1.1-1.5.1-4.3s0-3.2-.1-4.3c-.1-1-.3-1.6-.4-2zM15 20.5c-3 0-
24195.5-2.4-5.5-5.5 0-3 2.4-5.5 5.5-5.5s5.5 2.4 5.5 5.5c0 3-2.5 5.5-5.5 5.5zm5.7-9.9c-.7 0-1.3-.6-1.3-1.3 0-.7.6-1.3 1.3-1.3.7 0 1.3.6 1.3 1.3 0 .7-.6 1.3-1.3 1.3z"/>
2420  <path d="M15 0C6.7 0 0 6.7 0 15s6.7 15 15 15 15-6.7 15-15S23.3 0 15 0zm10.6 19.4c-.1 1.1-.2 1.9-.5 2.6-.3.7-.6 1.3-1.2 1.9-.6.6-1.2 1-1.9 1.2-.7.3-1.4.4-2.6.5-1.1.1-1.5.1-4.4.1s-3.2 0-4.4-.1c-1.1-.1-1.9-.2-2.6-.5-.7-.3-1.3-.6-1.9-1.2-.6-.6-1-1.2-1.2-1.9-.3-.7-.4-1.4-.5-2.6-.1-1.1-.1-1.5-.1-4.4 0-2.9 0-3.2.1-4.4.1-1.1.3-1.9.5-2.6.3-.7.6-1.3 1.2-1.9.6-.6 1.2-1 1.9-1.2.7-.3 1.4-.4 2.6-.5 1.1-.1 1.5-.1 4.4-.1s3.2 0 4.4.1c1.1.1 1.9.2 2.6.5.7.3 1.3.6 1.9 1.2.6.6 1 1.2 1.2 1.9.3.7.4 1.4.5 2.6.1 1.1.1 1.5.1 4.4-.1 2.9-.1 3.2-.1 4.4z"/>
2421</svg>
2422    </a>
2423                                                                                                                <a target="_blank" rel="noopener noreferrer" class="rounded-md  flex items-center justify-center text-white transition-colors border rounded-full w-11 h-11 border-white/20 hover:border-accent hover:bg-white/10 hover:text-accent" href="https://www.youtube.com/channel/UCBrO0L9vb_PRqoOsidbcXTQ" aria-label="VIPros sur Youtube" x-scroll-to>
2424            <svg class="inline flex-shrink-0 w-5 h-5" viewBox="0 0 512 512" fill="currentColor" role="img" aria-label="Custom Icon" xmlns="http://www.w3.org/2000/svg">
2425  <path d="M224.11 303.96l83.27-47.96-83.27-47.96z"/>
2426  <path d="M256 0C114.64 0 0 114.64 0 256s114.64 256 256 256 256-114.64 256-256S397.36 0 256 0zm160 256.26s0 51.92-6.59 76.95c-3.69 13.7-14.5 24.51-28.2 28.2-25.04 6.59-125.18 6.59-125.18 6.59s-99.88 0-125.18-6.85c-13.7-3.69-24.51-14.5-28.2-28.2-6.59-24.77-6.59-76.95-6.59-76.95s0-51.91 6.59-76.95c3.69-13.7 14.76-24.77 28.2-28.46 25.04-6.59 125.18-6.59 125.18-6.59s100.14 0 125.18 6.85c13.7 3.69 24.51 14.5 28.2 28.2 6.85 25.04 6.59 77.21 6.59 77.21z"/>
2427</svg>
2428    </a>
2429                                                                                                                <a target="_blank" rel="noopener noreferrer" class="rounded-md  flex items-center justify-center text-white transition-colors border rounded-full w-11 h-11 border-white/20 hover:border-accent hover:bg-white/10 hover:text-accent" href="https://www.facebook.com/vipros/" aria-label="VIPros sur Facebook" x-scroll-to>
2430            <svg class="inline flex-shrink-0 w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true">
2431  <path d="M15 .1C6.8.1 0 6.8 0 15.1c0 7.5 5.5 13.7 12.6 14.8V19.4H8.9v-4.3h3.8v-3.3C12.7 8.1 15 6 18.4 6c1.6 0 3.4.3 3.4.3V10h-1.9c-1.8 0-2.4 1.2-2.4 2.3v2.8h4.2l-.7 4.3h-3.5v10.4c7-1 12.5-7.3 12.5-14.7C30 6.8 23.3.1 15 .1z"/>
2432</svg>
2433    </a>
2434                                                                                                                <a target="_blank" rel="noopener noreferrer" class="rounded-md  flex items-center justify-center text-white transition-colors border rounded-full w-11 h-11 border-white/20 hover:border-accent hover:bg-white/10 hover:text-accent" href="https://www.linkedin.com/company/vipros/" aria-label="VIPros sur Linkedin" x-scroll-to>
2435            <svg class="inline flex-shrink-0 w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true">
2436  <path d="M15 0C6.7 0 0 6.7 0 15s6.7 15 15 15 15-6.7 15-15S23.3 0 15 0zM9.7 23.6H6.4c-.2 0-.2-.1-.2-.2v-11c0-.2.1-.2.2-.2h3.4c.2 0 .2.1.2.2v10.9c0 .1 0 .3-.3.3zM10.2 9c-.2 1-1.3 1.7-2.6 1.4-1.3-.2-2-1.5-1.5-2.7.3-.8 1-1.2 2-1.2 1.5 0 2.5 1.2 2.1 2.5zm13.4 14.5h-3.2c-.2 0-.3-.1-.3-.3v-5.8c0-.4-.1-.9-.2-1.3-.4-1.3-2-1.8-3.1-.9-.6.5-.9 1.2-.8 1.9V23.2c0 .2-.1.2-.2.2h-3.3c-.2 0-.2-.1-.2-.2v-4.9-6.1c0-.2.1-.3.2-.3h3.3c.2 0 .2.1.2.2v1.3l.1-.1c1-1.5 2.4-1.9 4.1-1.7 2 .3 3.2 1.7 3.5 3.7.1.5.1 1 .1 1.5V23c0 .4 0 .6-.2.5z"/>
2437</svg>
2438    </a>
2439                                                                                                                <a target="_blank" rel="noopener noreferrer" class="rounded-md  flex items-center justify-center text-white transition-colors border rounded-full w-11 h-11 border-white/20 hover:border-accent hover:bg-white/10 hover:text-accent" href="https://www.tiktok.com/@vipros.fr" aria-label="VIPros sur Tiktok" x-scroll-to>
2440            <svg class="inline flex-shrink-0 w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true">
2441  <path d="M15 .1C6.7.1 0 6.8 0 15s6.7 14.9 15 14.9S30 23.2 30 15 23.3.1 15 .1zm8.3 13.2c-1.7 0-3.3-.5-4.6-1.4v6.5c0 3.2-2.7 5.9-6 5.9-1.3 0-2.5-.4-3.5-1.1-1.6-1.1-2.6-2.8-2.6-4.8 0-3.2 2.7-5.9 6-5.9.3 0 .5 0 .8.1v3.3c-.3-.1-.5-.1-.8-.1-1.5 0-2.8 1.2-2.8 2.7 0 1 .6 1.9 1.5 2.4.4.2.8.3 1.3.3 1.5 0 2.7-1.2 2.7-2.6V5.8h3.3c0 .3 0 .5.1.8.2 1.2 1 2.3 2 2.9.7.5 1.6.7 2.5.7V13.3z"/>
2442</svg>
2443    </a>
2444                                                                                                                            </div>
2445                            </div>
2446
2447            
2448            <div class="lg:col-span-5">
2449                <ul class="menu w-full grid gap-1 p-0 sm:grid-cols-2 [&_.mary-hideable]:whitespace-normal" >
2450        
2451        
2452        <li class="">
2453        <a
2454            class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap rounded-field hover:text-accent"
2455
2456                            href="https://vipros.fr/contact"
2457
2458                
2459                                    wire:navigate
2460                            
2461                    >
2462            
2463            
2464            
2465                        <span class="mary-hideable whitespace-nowrap truncate">
2466                                    <svg class="inline flex-shrink-0 w-5 h-5 text-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2467  <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095 48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155"/>
2468</svg>
2469                            <span class="pl-2 font-semibold">Nous contacter</span>
2470                            </span>
2471                    </a>
2472    </li>                    <li class="">
2473        <a
2474            class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap rounded-field hover:text-accent"
2475
2476                            href="https://vipros.fr/faq"
2477
2478                
2479                                    wire:navigate
2480                            
2481                    >
2482            
2483            
2484            
2485                        <span class="mary-hideable whitespace-nowrap truncate">
2486                                    <svg class="inline flex-shrink-0 w-5 h-5 text-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2487  <path stroke-linecap="round" stroke-linejoin="round" d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z"/>
2488</svg>
2489                            <span class="pl-2 font-semibold">Foire aux questions</span>
2490                            </span>
2491                    </a>
2492    </li>                    <li class="">
2493        <a
2494            class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap rounded-field hover:text-accent"
2495
2496                            href="https://marque.vipros.fr"
2497
2498                                    target="_blank"
2499                
2500                            
2501                    >
2502            
2503            
2504            
2505                        <span class="mary-hideable whitespace-nowrap truncate">
2506                                    <svg class="inline flex-shrink-0 w-5 h-5 text-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2507  <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 0 0-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0 1 12 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 0 1-.673-.38m0 0A2.18 2.18 0 0 1 3 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 0 1 3.413-.387m7.5 0V5.25A2.25 2.25 0 0 0 13.5 3h-3a2.25 2.25 0 0 0-2.25 2.25v.894m7.5 0a48.667 48.667 0 0 0-7.5 0M12 12.75h.008v.008H12v-.008Z"/>
2508</svg>
2509                            <span class="pl-2 font-semibold">Devenir une marque VIPros</span>
2510                            </span>
2511                    </a>
2512    </li>                    <li class="">
2513        <a
2514            class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap rounded-field hover:text-accent"
2515
2516                            href="https://vipros.fr/cgu"
2517
2518                
2519                                    wire:navigate
2520                            
2521                    >
2522            
2523            
2524            
2525                        <span class="mary-hideable whitespace-nowrap truncate">
2526                                    <svg class="inline flex-shrink-0 w-5 h-5 text-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2527  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"/>
2528</svg>
2529                            <span class="pl-2 font-semibold">CGU</span>
2530                            </span>
2531                    </a>
2532    </li>                    <li class="">
2533        <a
2534            class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap rounded-field hover:text-accent"
2535
2536                            href="https://vipros.fr/mentions-legales"
2537
2538                
2539                                    wire:navigate
2540                            
2541                    >
2542            
2543            
2544            
2545                        <span class="mary-hideable whitespace-nowrap truncate">
2546                                    <svg class="inline flex-shrink-0 w-5 h-5 text-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2547  <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v17.25m0 0c-1.472 0-2.882.265-4.185.75M12 20.25c1.472 0 2.882.265 4.185.75M18.75 4.97A48.416 48.416 0 0 0 12 4.5c-2.291 0-4.545.16-6.75.47m13.5 0c1.01.143 2.01.317 3 .52m-3-.52 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.988 5.988 0 0 1-2.031.352 5.988 5.988 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L18.75 4.971Zm-16.5.52c.99-.203 1.99-.377 3-.52m0 0 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.989 5.989 0 0 1-2.031.352 5.989 5.989 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L5.25 4.971Z"/>
2548</svg>
2549                            <span class="pl-2 font-semibold">Mentions Légales</span>
2550                            </span>
2551                    </a>
2552    </li>                    <li class="">
2553        <a
2554            class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap rounded-field hover:text-accent"
2555
2556                            href="https://vipros.fr/protection-des-donnees-personnelles"
2557
2558                
2559                                    wire:navigate
2560                            
2561                    >
2562            
2563            
2564            
2565                        <span class="mary-hideable whitespace-nowrap truncate">
2566                                    <svg class="inline flex-shrink-0 w-5 h-5 text-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2567  <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75m-3-7.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z"/>
2568</svg>
2569                            <span class="pl-2 font-semibold">Données personnelles</span>
2570                            </span>
2571                    </a>
2572    </li>                    <li class="">
2573        <a
2574            class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap rounded-field hover:text-accent"
2575
2576                            href="https://vipros.fr/cookies"
2577
2578                
2579                            
2580                    >
2581            
2582            
2583            
2584                        <span class="mary-hideable whitespace-nowrap truncate">
2585                                    <svg class="inline flex-shrink-0 w-5 h-5 text-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2586  <path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.
2586125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z"/>
2587  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
2588</svg>
2589                            <span class="pl-2 font-semibold">Cookies</span>
2590                            </span>
2591                    </a>
2592    </li>
2593    </ul>            </div>
2594
2595            
2596            <div class="lg:col-span-3">
2597                                <div class="grid grid-cols-1 gap-4">
2598                                                                        <a target="_blank" rel="noopener noreferrer" class="rounded-md  flex items-center justify-center min-h-full py-3 transition-colors shadow-md rounded-xl bg-primary hover:bg-primary/60" href="https://apps.apple.com/fr/app/vipros/id1597438754" x-scroll-to>
2599            <img width="280" height="68" src="https://vipros.fr/app/uploads/2024/09/store_apple.png" class="w-1/2 h-auto" alt="" loading="lazy" decoding="async" />
2600    </a>
2601                                                                                                        </div>
2602            </div>
2603        </div>
2604    </div>
2605</footer>
2606                        </div>
2607
2608        
2608<script src="/app/themes/vipros/vendor/livewire/livewire/dist/livewire.min.js?id=dfa5f5ee"   data-csrf="hoHAiuvIYBw7fVygNotsOPp1k0wrPvvrhgTL7DeK" data-update-uri="/livewire/update" data-navigate-once="true"></script>
2608
2609    
2609<script type="speculationrules">
2610{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp/wp-*.php","/wp/wp-admin/*","/app/uploads/*","/app/*","/app/plugins/*","/app/themes/vipros/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
2611</script>
2611
2612
2613<!-- Consent Management powered by Complianz | GDPR/CCPA Cookie Consent https://wordpress.org/plugins/complianz-gdpr -->
2614<div id="cmplz-cookiebanner-container"><div id="cmplz-cookiebanner-1-optin" class="cmplz-cookiebanner cmplz-hidden banner-1 banner-a optin cmplz-bottom-left cmplz-categories-type-view-preferences" aria-modal="true" data-nosnippet="true" role="dialog" aria-live="polite" aria-labelledby="cmplz-header-1-optin" aria-describedby="cmplz-message-1-optin">
2615	<div class="cmplz-header">
2616		<div class="cmplz-logo"></div>
2617		<div class="cmplz-title" id="cmplz-header-1-optin">Gérer le consentement</div>
2618		<div class="cmplz-close" tabindex="0" role="button" aria-label="Close dialog">
2619			<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg>
2620		</div>
2621	</div>
2622
2623	<div class="cmplz-divider cmplz-divider-header"></div>
2624	<div class="cmplz-body">
2625		<div class="cmplz-message" id="cmplz-message-1-optin"><p>Pour offrir les meilleures expériences, nous utilisons des technologies telles que les cookies pour stocker et/ou accéder aux informations des appareils. Le consentement à ces technologies nous permettra de traiter des données telles que le comportement de navigation ou les identifiants uniques sur ce site. Le refus ou le retrait du consentement peut avoir un impact négatif sur certaines fonctionnalités et certains services.</p></div>
2626		<!-- categories start -->
2627		<div class="cmplz-categories">
2628			<div class="cmplz-category cmplz-functional">
2629				<div class="cmplz-category-header">
2630					<span class="cmplz-category-title" id="cmplz-title-functional-1-optin">Fonctionnel</span>
2631					<span class='cmplz-always-active'>
2632						<span class="cmplz-banner-checkbox">
2633							<input type="checkbox"
2634									id="cmplz-functional-optin"
2635									data-category="cmplz_functional"
2636									class="cmplz-consent-checkbox cmplz-functional"
2637									size="40"
2638									value="1"/>
2639							<label class="cmplz-label" for="cmplz-functional-optin"><span class="screen-reader-text">Fonctionnel</span></label>
2640						</span>
2641						Always active					</span>
2642					<button class="cmplz-category-toggle"
2643							aria-expanded="false"
2644							aria-controls="cmplz-desc-functional-1-optin"
2645							aria-labelledby="cmplz-title-functional-1-optin">
2646						<span class="cmplz-icon cmplz-open">
2647							<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18"><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
2648						</span>
2649					</button>
2650				</div>
2651				<div class="cmplz-description" id="cmplz-desc-functional-1-optin" hidden>
2652					<span class="cmplz-description-functional">Le stockage ou l’accès technique est strictement nécessaire dans le but légitime de permettre l’utilisation d’un service spécifique explicitement demandé par l’abonné ou l’utilisateur, ou dans le seul but d’effectuer la transmission d’une communication sur un réseau de communications électroniques.</span>
2653				</div>
2654			</div>
2655
2656			<div class="cmplz-category cmplz-preferences">
2657				<div class="cmplz-category-header">
2658					<span class="cmplz-category-title" id="cmplz-title-preferences-1-optin">Preferences</span>
2659					<span class="cmplz-banner-checkbox">
2660						<input type="checkbox"
2661								id="cmplz-preferences-optin"
2662								data-category="cmplz_preferences"
2663								class="cmplz-consent-checkbox cmplz-preferences"
2664								size="40"
2665								value="1"/>
2666						<label class="cmplz-label" for="cmplz-preferences-optin"><span class="screen-reader-text">Preferences</span></label>
2667					</span>
2668					<button class="cmplz-category-toggle"
2669							aria-expanded="false"
2670							aria-controls="cmplz-desc-preferences-1-optin"
2671							aria-labelledby="cmplz-title-preferences-1-optin">
2672						<span class="cmplz-icon cmplz-open">
2673							<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18">
2673<path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
2674						</span>
2675					</button>
2676				</div>
2677				<div class="cmplz-description" id="cmplz-desc-preferences-1-optin" hidden>
2678					<span class="cmplz-description-preferences">The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.</span>
2679				</div>
2680			</div>
2681
2682			<div class="cmplz-category cmplz-statistics">
2683				<div class="cmplz-category-header">
2684					<span class="cmplz-category-title" id="cmplz-title-statistics-1-optin">Statistiques</span>
2685					<span class="cmplz-banner-checkbox">
2686						<input type="checkbox"
2687								id="cmplz-statistics-optin"
2688								data-category="cmplz_statistics"
2689								class="cmplz-consent-checkbox cmplz-statistics"
2690								size="40"
2691								value="1"/>
2692						<label class="cmplz-label" for="cmplz-statistics-optin"><span class="screen-reader-text">Statistiques</span></label>
2693					</span>
2694					<button class="cmplz-category-toggle"
2695							aria-expanded="false"
2696							aria-controls="cmplz-desc-statistics-1-optin"
2697							aria-labelledby="cmplz-title-statistics-1-optin">
2698						<span class="cmplz-icon cmplz-open">
2699							<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18"><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
2700						</span>
2701					</button>
2702				</div>
2703				<div class="cmplz-description" id="cmplz-desc-statistics-1-optin" hidden>
2704					<span class="cmplz-description-statistics">The technical storage or access that is used exclusively for statistical purposes.</span>
2705					<span class="cmplz-description-statistics-anonymous">Le stockage ou l’accès technique qui est utilisé exclusivement à des fins statistiques anonymes. En l’absence d’une assignation à comparaître, d’une conformité volontaire de la part de votre fournisseur d’accès à Internet ou d’enregistrements supplémentaires provenant d’un tiers, les informations stockées ou extraites à cette seule fin ne peuvent généralement pas être utilisées pour vous identifier.</span>
2706				</div>
2707			</div>
2708
2709			<div class="cmplz-category cmplz-marketing">
2710				<div class="cmplz-category-header">
2711					<span class="cmplz-category-title" id="cmplz-title-marketing-1-optin">Marketing</span>
2712					<span class="cmplz-banner-checkbox">
2713						<input type="checkbox"
2714								id="cmplz-marketing-optin"
2715								data-category="cmplz_marketing"
2716								class="cmplz-consent-checkbox cmplz-marketing"
2717								size="40"
2718								value="1"/>
2719						<label class="cmplz-label" for="cmplz-marketing-optin"><span class="screen-reader-text">Marketing</span></label>
2720					</span>
2721					<button class="cmplz-category-toggle"
2722							aria-expanded="false"
2723							aria-controls="cmplz-desc-marketing-1-optin"
2724							aria-labelledby="cmplz-title-marketing-1-optin">
2725						<span class="cmplz-icon cmplz-open">
2726							<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18"><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
2727						</span>
2728					</button>
2729				</div>
2730				<div class="cmplz-description" id="cmplz-desc-marketing-1-optin" hidden>
2731					<span class="cmplz-description-marketing">Le stockage ou l’accès technique est nécessaire pour créer des profils d’utilisateurs afin d’envoyer des publicités, ou pour suivre l’utilisateur sur un site web ou sur plusieurs sites web ayant des finalités marketing similaires.</span>
2732				</div>
2733			</div>
2734		</div><!-- categories end -->
2735			</div>
2736
2737	<div class="cmplz-links cmplz-information">
2738		<ul>
2739			<li><a class="cmplz-link cmplz-manage-options cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Manage options</a></li>
2740			<li><a class="cmplz-link cmplz-manage-third-parties cookie-statement" href="#" data-relative_url="#cmplz-cookie
2740s-overview">Manage services</a></li>
2741			<li><a class="cmplz-link cmplz-manage-vendors tcf cookie-statement" href="#" data-relative_url="#cmplz-tcf-wrapper">Manage {vendor_count} vendors</a></li>
2742			<li><a class="cmplz-link cmplz-external cmplz-read-more-purposes tcf" target="_blank" rel="noopener noreferrer nofollow" href="https://cookiedatabase.org/tcf/purposes/" aria-label="Read more about TCF purposes on Cookie Database">Read more about these purposes</a></li>
2743		</ul>
2744			</div>
2745
2746	<div class="cmplz-divider cmplz-footer"></div>
2747
2748	<div class="cmplz-buttons">
2749		<button class="cmplz-btn cmplz-accept">Accepter</button>
2750		<button class="cmplz-btn cmplz-deny">Refuser</button>
2751		<button class="cmplz-btn cmplz-view-preferences">Voir les préférences</button>
2752		<button class="cmplz-btn cmplz-save-preferences">Enregistrer les préférences</button>
2753		<a class="cmplz-btn cmplz-manage-options tcf cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Voir les préférences</a>
2754			</div>
2755
2756
2757	<div class="cmplz-documents cmplz-links">
2758		<ul>
2759			<li><a class="cmplz-link cookie-statement" href="#" data-relative_url="">{title}</a></li>
2760			<li><a class="cmplz-link privacy-statement" href="#" data-relative_url="">{title}</a></li>
2761			<li><a class="cmplz-link impressum" href="#" data-relative_url="">{title}</a></li>
2762		</ul>
2763			</div>
2764</div>
2765</div>
2766					<div id="cmplz-manage-consent" data-nosnippet="true"><button class="cmplz-btn cmplz-hidden cmplz-manage-consent manage-consent-1" aria-haspopup="dialog" aria-controls="cmplz-cookiebanner-1-optin">Gérer le consentement</button>
2767
2768</div>    
2768<script>
2769        function addEvent(event, selector, callback, context) {
2770            document.addEventListener(event, e => {
2771                if ( e.target.closest(selector) ) {
2772                    callback(e);
2773                }
2774            });
2775        }
2776        addEvent('click', '.cmplz-show-banner', function(){
2777            document.querySelectorAll('.cmplz-manage-consent').forEach(obj => {
2778                obj.click();
2779            });
2780        });
2781    </script>
2781
2782        <style id='global-styles-inline-css'>
2783:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #fff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--inherit: inherit;--wp--preset--color--current: currentcolor;--wp--preset--color--transparent: transparent;--wp--preset--color--slate-50: #f8fafc;--wp--preset--color--slate-100: #f1f5f9;--wp--preset--color--slate-200: #e2e8f0;--wp--preset--color--slate-300: #cbd5e1;--wp--preset--color--slate-400: #94a3b8;--wp--preset--color--slate-500: #64748b;--wp--preset--color--slate-600: #475569;--wp--preset--color--slate-700: #334155;--wp--preset--color--slate-800: #1e293b;--wp--preset--color--slate-900: #0f172a;--wp--preset--color--slate-950: #020617;--wp--preset--color--gray-50: #f9fafb;--wp--preset--color--gray-100: #f3f4f6;--wp--preset--color--gray-200: #e5e7eb;--wp--preset--color--gray-300: #d1d5db;--wp--preset--color--gray-400: #9ca3af;--wp--preset--color--gray-500: #6b7280;--wp--preset--color--gray-600: #4b5563;--wp--preset--color--gray-700: #374151;--wp--preset--color--gray-800: #1f2937;--wp--preset--color--gray-900: #111827;--wp--preset--color--gray-950: #030712;--wp--preset--color--zinc-50: #fafafa;--wp--preset--color--zinc-100: #f4f4f5;--wp--preset--color--zinc-200: #e4e4e7;--wp--preset--color--zinc-300: #d4d4d8;--wp--preset--color--zinc-400: #a1a1aa;--wp--preset--color--zinc-500: #71717a;--wp--preset--color--zinc-600: #52525b;--wp--preset--color--zinc-700: #3f3f46;--wp--preset--color--zinc-800: #27272a;--wp--preset--color--zinc-900: #18181b;--wp--preset--color--zinc-950: #09090b;--wp--preset--color--neutral: var(--fallback-n,oklch(var(--n)/1));--wp--preset--color--stone-50: #fafaf9;--wp--preset--color--stone-100: #f5f5f4;--wp--preset--color--stone-200: #e7e5e4;--wp--preset--color--stone-300: #d6d3d1;--wp--preset--color--stone-400: #a8a29e;--wp--preset--color--stone-500: #78716c;--wp--preset--color--stone-600: #57534e;--wp--preset--color--stone-700: #44403c;--wp--preset--color--stone-800: #292524;--wp--preset--color--stone-900: #1c1917;--wp--preset--color--stone-950: #0c0a09;--wp--preset--color--red-50: #fef2f2;--wp--preset--color--red-100: #fee2e2;--wp--preset--color--red-200: #fecaca;--wp--preset--color--red-300: #fca5a5;--wp--preset--color--red-400: #f87171;--wp--preset--color--red-500: #ef4444;--wp--preset--color--red-600: #dc2626;--wp--preset--color--red-700: #b91c1c;--wp--preset--color--red-800: #991b1b;--wp--preset--color--red-900: #7f1d1d;--wp--preset--color--red-950: #450a0a;--wp--preset--color--orange-50: #fff7ed;--wp--preset--color--orange-100: #ffedd5;--wp--preset--color--orange-200: #fed7aa;--wp--preset--color--orange-300: #fdba74;--wp--preset--color--orange-400: #fb923c;--wp--preset--color--orange-500: #f97316;--wp--preset--color--orange-600: #ea580c;--wp--preset--color--orange-700: #c2410c;--wp--preset--color--orange-800: #9a3412;--wp--preset--color--orange-900: #7c2d12;--wp--preset--color--orange-950: #431407;--wp--preset--color--amber-50: #fffbeb;--wp--preset--color--amber-100: #fef3c7;--wp--preset--color--amber-200: #fde68a;--wp--preset--color--amber-300: #fcd34d;--wp--preset--color--amber-400: #fbbf24;--wp--preset--color--amber-500: #f59e0b;--wp--preset--color--amber-600: #d97706;--wp--preset--color--amber-700: #b45309;--wp--preset--color--amber-800: #92400e;--wp--preset--color--amber-900: #78350f;--wp--preset--color--amber-950: #451a03;--wp--preset--color--yellow-50: #fefce8;--wp--preset--color--yellow-100: #fef9c3;--wp--preset--color--yellow-200: #fef08a;--wp--preset--color--yellow-300: #fde047;--wp--preset--color--yellow-400: #facc15;--wp--preset--color--yellow-500: #eab308;--wp--preset--color--yellow-600: #ca8a04;--wp--preset--color--yellow-700: #a16207;--wp--preset--color--yellow-800: #854d0e;--wp--preset--color--yellow-900: #713f12;--wp--preset--color--yellow-950: #422006;--wp--preset--color--lime-50: #f7fee7;--wp--preset--color--lime-100: #ecfccb;--wp--preset--color--lime-200: #d9f99d;--wp--preset--color--lime-300: #bef264;--wp--preset--color--lime-400: #a3e635;--wp--preset--color--lime-500: #84cc16;--wp--preset--color--lime-600: #65a30d;--wp--preset--color--lime-700: #4d7c0f;--wp--preset--color--lime-800: #3f6212;--wp--preset--color--lime-900: #365314;--wp--preset--color--lime-950: #1a2e05;--wp--preset--color--green-50: #f0fdf4;--wp--preset--color--green-100: #dcfce7;--wp--preset--color--green-200: #bbf7d0;--wp--preset--color--green-300: #86efac;--wp--preset--color--green-400: #4ade80;--wp--preset--color--green-500: #22c55e;--wp--preset--color--green-600: #16a34a;--wp--preset--color--green-700: #15803d;--wp--preset--color--green-800: #166534;--wp--preset--color--green-900: #14532d;--wp--preset--color--green-950: #052e16;
2783--wp--preset--color--emerald-50: #ecfdf5;--wp--preset--color--emerald-100: #d1fae5;--wp--preset--color--emerald-200: #a7f3d0;--wp--preset--color--emerald-300: #6ee7b7;--wp--preset--color--emerald-400: #34d399;--wp--preset--color--emerald-500: #10b981;--wp--preset--color--emerald-600: #059669;--wp--preset--color--emerald-700: #047857;--wp--preset--color--emerald-800: #065f46;--wp--preset--color--emerald-900: #064e3b;--wp--preset--color--emerald-950: #022c22;--wp--preset--color--teal-50: #f0fdfa;--wp--preset--color--teal-100: #ccfbf1;--wp--preset--color--teal-200: #99f6e4;--wp--preset--color--teal-300: #5eead4;--wp--preset--color--teal-400: #2dd4bf;--wp--preset--color--teal-500: #14b8a6;--wp--preset--color--teal-600: #0d9488;--wp--preset--color--teal-700: #0f766e;--wp--preset--color--teal-800: #115e59;--wp--preset--color--teal-900: #134e4a;--wp--preset--color--teal-950: #042f2e;--wp--preset--color--cyan-50: #ecfeff;--wp--preset--color--cyan-100: #cffafe;--wp--preset--color--cyan-200: #a5f3fc;--wp--preset--color--cyan-300: #67e8f9;--wp--preset--color--cyan-400: #22d3ee;--wp--preset--color--cyan-500: #06b6d4;--wp--preset--color--cyan-600: #0891b2;--wp--preset--color--cyan-700: #0e7490;--wp--preset--color--cyan-800: #155e75;--wp--preset--color--cyan-900: #164e63;--wp--preset--color--cyan-950: #083344;--wp--preset--color--sky-50: #f0f9ff;--wp--preset--color--sky-100: #e0f2fe;--wp--preset--color--sky-200: #bae6fd;--wp--preset--color--sky-300: #7dd3fc;--wp--preset--color--sky-400: #38bdf8;--wp--preset--color--sky-500: #0ea5e9;--wp--preset--color--sky-600: #0284c7;--wp--preset--color--sky-700: #0369a1;--wp--preset--color--sky-800: #075985;--wp--preset--color--sky-900: #0c4a6e;--wp--preset--color--sky-950: #082f49;--wp--preset--color--blue-50: #eff6ff;--wp--preset--color--blue-100: #dbeafe;--wp--preset--color--blue-200: #bfdbfe;--wp--preset--color--blue-300: #93c5fd;--wp--preset--color--blue-400: #60a5fa;--wp--preset--color--blue-500: #3b82f6;--wp--preset--color--blue-600: #2563eb;--wp--preset--color--blue-700: #1d4ed8;--wp--preset--color--blue-800: #1e40af;--wp--preset--color--blue-900: #1e3a8a;--wp--preset--color--blue-950: #172554;--wp--preset--color--indigo-50: #eef2ff;--wp--preset--color--indigo-100: #e0e7ff;--wp--preset--color--indigo-200: #c7d2fe;--wp--preset--color--indigo-300: #a5b4fc;--wp--preset--color--indigo-400: #818cf8;--wp--preset--color--indigo-500: #6366f1;--wp--preset--color--indigo-600: #4f46e5;--wp--preset--color--indigo-700: #4338ca;--wp--preset--color--indigo-800: #3730a3;--wp--preset--color--indigo-900: #312e81;--wp--preset--color--indigo-950: #1e1b4b;--wp--preset--color--violet-50: #f5f3ff;--wp--preset--color--violet-100: #ede9fe;--wp--preset--color--violet-200: #ddd6fe;--wp--preset--color--violet-300: #c4b5fd;--wp--preset--color--violet-400: #a78bfa;--wp--preset--color--violet-500: #8b5cf6;--wp--preset--color--violet-600: #7c3aed;--wp--preset--color--violet-700: #6d28d9;--wp--preset--color--violet-800: #5b21b6;--wp--preset--color--violet-900: #4c1d95;--wp--preset--color--violet-950: #2e1065;--wp--preset--color--purple-50: #faf5ff;--wp--preset--color--purple-100: #f3e8ff;--wp--preset--color--purple-200: #e9d5ff;--wp--preset--color--purple-300: #d8b4fe;--wp--preset--color--purple-400: #c084fc;--wp--preset--color--purple-500: #a855f7;--wp--preset--color--purple-600: #9333ea;--wp--preset--color--purple-700: #7e22ce;--wp--preset--color--purple-800: #6b21a8;--wp--preset--color--purple-900: #581c87;--wp--preset--color--purple-950: #3b0764;--wp--preset--color--fuchsia-50: #fdf4ff;--wp--preset--color--fuchsia-100: #fae8ff;--wp--preset--color--fuchsia-200: #f5d0fe;--wp--preset--color--fuchsia-300: #f0abfc;--wp--preset--color--fuchsia-400: #e879f9;--wp--preset--color--fuchsia-500: #d946ef;--wp--preset--color--fuchsia-600: #c026d3;--wp--preset--color--fuchsia-700: #a21caf;--wp--preset--color--fuchsia-800: #86198f;--wp--preset--color--fuchsia-900: #701a75;--wp--preset--color--fuchsia-950: #4a044e;--wp--preset--color--pink-50: #fdf2f8;--wp--preset--color--pink-100: #fce7f3;--wp--preset--color--pink-200: #fbcfe8;--wp--preset--color--pink-300: #f9a8d4;--wp--preset--color--pink-400: #f472b6;--wp--preset--color--pink-500: #ec4899;--wp--preset--color--pink-600: #db2777;--wp--preset--color--pink-700: #be185d;--wp--preset--color--pink-800: #9d174d;--wp--preset--color--pink-900: #831843;--wp--preset--color--pink-950: #500724;--wp--preset--color--rose-50: #fff1f2;--wp--preset--color--rose-100: #ffe4e6;
2783--wp--preset--color--rose-200: #fecdd3;--wp--preset--color--rose-300: #fda4af;--wp--preset--color--rose-400: #fb7185;--wp--preset--color--rose-500: #f43f5e;--wp--preset--color--rose-600: #e11d48;--wp--preset--color--rose-700: #be123c;--wp--preset--color--rose-800: #9f1239;--wp--preset--color--rose-900: #881337;--wp--preset--color--rose-950: #4c0519;--wp--preset--color--primary: var(--fallback-p,oklch(var(--p)/1));--wp--preset--color--primary-content: var(--fallback-pc,oklch(var(--pc)/1));--wp--preset--color--secondary: var(--fallback-s,oklch(var(--s)/1));--wp--preset--color--secondary-content: var(--fallback-sc,oklch(var(--sc)/1));--wp--preset--color--accent: var(--fallback-a,oklch(var(--a)/1));--wp--preset--color--accent-content: var(--fallback-ac,oklch(var(--ac)/1));--wp--preset--color--neutral-content: var(--fallback-nc,oklch(var(--nc)/1));--wp--preset--color--base-100: var(--fallback-b1,oklch(var(--b1)/1));--wp--preset--color--base-200: var(--fallback-b2,oklch(var(--b2)/1));--wp--preset--color--base-300: var(--fallback-b3,oklch(var(--b3)/1));--wp--preset--color--base-content: var(--fallback-bc,oklch(var(--bc)/1));--wp--preset--color--info: var(--fallback-in,oklch(var(--in)/1));--wp--preset--color--info-content: var(--fallback-inc,oklch(var(--inc)/1));--wp--preset--color--success: var(--fallback-su,oklch(var(--su)/1));--wp--preset--color--success-content: var(--fallback-suc,oklch(var(--suc)/1));--wp--preset--color--warning: var(--fallback-wa,oklch(var(--wa)/1));--wp--preset--color--warning-content: var(--fallback-wac,oklch(var(--wac)/1));--wp--preset--color--error: var(--fallback-er,oklch(var(--er)/1));--wp--preset--color--error-content: var(--fallback-erc,oklch(var(--erc)/1));--wp--preset--color--neutral-50: #fafafa;--wp--preset--color--neutral-100: #f5f5f5;--wp--preset--color--neutral-200: #e5e5e5;--wp--preset--color--neutral-300: #d4d4d4;--wp--preset--color--neutral-400: #a3a3a3;--wp--preset--color--neutral-500: #737373;--wp--preset--color--neutral-600: #525252;--wp--preset--color--neutral-700: #404040;--wp--preset--color--neutral-800: #262626;--wp--preset--color--neutral-900: #171717;--wp--preset--color--neutral-950: #0a0a0a;--wp--preset--color--bati: #f8a501;--wp--preset--color--agri: #85bf4b;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
2783--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--xs: 0.75rem;--wp--preset--font-size--sm: 0.875rem;--wp--preset--font-size--base: 1rem;--wp--preset--font-size--lg: 1.125rem;--wp--preset--font-size--xl: 1.25rem;--wp--preset--font-size--2-xl: 1.5rem;--wp--preset--font-size--3-xl: 1.875rem;--wp--preset--font-size--4-xl: 2.25rem;--wp--preset--font-size--5-xl: 3rem;--wp--preset--font-size--6-xl: 3.75rem;--wp--preset--font-size--7-xl: 4.5rem;--wp--preset--font-size--8-xl: 6rem;--wp--preset--font-size--9-xl: 8rem;--wp--preset--font-family--sans: Montserrat, sans-serif;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){margin-left: auto !important;margin-right: auto !important;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
2783a:where(:not(.wp-element-button)){text-decoration: underline;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-inherit-color{color: var(--wp--preset--color--inherit) !important;}.has-current-color{color: var(--wp--preset--color--current) !important;}.has-transparent-color{color: var(--wp--preset--color--transparent) !important;}.has-slate-50-color{color: var(--wp--preset--color--slate-50) !important;}.has-slate-100-color{color: var(--wp--preset--color--slate-100) !important;}.has-slate-200-color{color: var(--wp--preset--color--slate-200) !important;}.has-slate-300-color{color: var(--wp--preset--color--slate-300) !important;}.has-slate-400-color{color: var(--wp--preset--color--slate-400) !important;}.has-slate-500-color{color: var(--wp--preset--color--slate-500) !important;}.has-slate-600-color{color: var(--wp--preset--color--slate-600) !important;}.has-slate-700-color{color: var(--wp--preset--color--slate-700) !important;}.has-slate-800-color{color: var(--wp--preset--color--slate-800) !important;}.has-slate-900-color{color: var(--wp--preset--color--slate-900) !important;}.has-slate-950-color{color: var(--wp--preset--color--slate-950) !important;}.has-gray-50-color{color: var(--wp--preset--color--gray-50) !important;}.has-gray-100-color{color: var(--wp--preset--color--gray-100) !important;}.has-gray-200-color{color: var(--wp--preset--color--gray-200) !important;}.has-gray-300-color{color: var(--wp--preset--color--gray-300) !important;}.has-gray-400-color{color: var(--wp--preset--color--gray-400) !important;}.has-gray-500-color{color: var(--wp--preset--color--gray-500) !important;}.has-gray-600-color{color: var(--wp--preset--color--gray-600) !important;}.has-gray-700-color{color: var(--wp--preset--color--gray-700) !important;}.has-gray-800-color{color: var(--wp--preset--color--gray-800) !important;}.has-gray-900-color{color: var(--wp--preset--color--gray-900) !important;}.has-gray-950-color{color: var(--wp--preset--color--gray-950) !important;}.has-zinc-50-color{color: var(--wp--preset--color--zinc-50) !important;}.has-zinc-100-color{color: var(--wp--preset--color--zinc-100) !important;}.has-zinc-200-color{color: var(--wp--preset--color--zinc-200) !important;}.has-zinc-300-color{color: var(--wp--preset--color--zinc-300) !important;}.has-zinc-400-color{color: var(--wp--preset--color--zinc-400) !important;}.has-zinc-500-color{color: var(--wp--preset--color--zinc-500) !important;}.has-zinc-600-color{color: var(--wp--preset--color--zinc-600) !important;}.has-zinc-700-color{color: var(--wp--preset--color--zinc-700) !important;}.has-zinc-800-color{color: var(--wp--preset--color--zinc-800) !important;}.has-zinc-900-color{color: var(--wp--preset--color--zinc-900) !important;}.has-zinc-950-color{color: var(--wp--preset--color--zinc-950) !important;}.has-neutral-color{color: var(--wp--preset--color--neutral) !important;}.has-stone-50-color{color: var(--wp--preset--color--stone-50) !important;}.has-stone-100-color{color: var(--wp--preset--color--stone-100) !important;}.has-stone-200-color{color: var(--wp--preset--color--stone-200) !important;}.has-stone-300-color{color: var(--wp--preset--color--stone-300) !important;}.has-stone-400-color{color: var(--wp--preset--color--stone-400) !important;}.has-stone-500-color{color: var(--wp--preset--color--stone-500) !important;}.has-stone-600-color{color: var(--wp--preset--color--stone-600) !important;}.has-stone-700-color{color: var(--wp--preset--color--stone-700) !important;}.has-stone-800-color{color: var(--wp--preset--color--stone-800) !important;}.has-stone-900-color{color: var(--wp--preset--color--stone-900) !important;}.has-stone-950-color{color: var(--wp--preset--color--stone-950) !important;}.has-red-50-color{color: var(--wp--preset--color--red-50) !important;}.has-red-100-color{color: var(--wp--preset--color--red-100) !important;}.has-red-200-color{color: var(--wp--preset--color--red-200) !important;}.has-red-300-color{color: var(--wp--preset--color--red-300) !important;}.has-red-400-color{color: var(--wp--preset--color--red-400) !important;}.has-red-500-color{color: var(--wp--preset--color--red-500) !important;}.has-red-600-color{color: var(--wp--preset--color--red-600) !important;}.has-red-700-color{color: var(--wp--preset--color--red-700) !important;}.has-red-800-color{color: var(--wp--preset--color--red-800) !important;}.has-red-900-color{color: var(--wp--preset--color--red-900) !important;}.has-red-950-color{color: var(--wp--preset--color--red-950) !important;}.has-orange-50-color{color: var(--wp--preset--color--orange-50) !important;}.has-orange-100-color{color: var(--wp--preset--color--orange-100) !important;}.has-orange-200-color{color: var(--wp--preset--color--orange-200) !important;}.has-orange-300-color{color: var(--wp--preset--color--orange-300) !important;}.has-orange-400-color{color: var(--wp--preset--color--orange-400) !important;}.has-orange-500-color{color: var(--wp--preset--color--orange-500) !important;}.has-orange-600-color{color: var(--wp--preset--color--orange-600) !important;}.has-orange-700-color{color: var(--wp--preset--color--orange-700) !important;}.has-orange-800-color{color: var(--wp--preset--color--orange-800) !important;}.has-orange-900-color{color: var(--wp--preset--color--orange-900) !important;}.has-orange-950-color{color: var(--wp--preset--color--orange-950) !important;}.has-amber-50-color{color: var(--wp--preset--color--amber-50) !important;}.has-amber-100-color{color: var(--wp--preset--color--amber-100) !important;}.has-amber-200-color{color: var(--wp--preset--color--amber-200) !important;}.has-amber-300-color{color: var(--wp--preset--color--amber-300) !important;}.has-amber-400-color{color: var(--wp--preset--color--amber-400) !important;}.has-amber-500-color{color: var(--wp--preset--color--amber-500) !important;}.has-amber-600-color{color: var(--wp--preset--color--amber-600) !important;}.has-amber-700-color{color: var(--wp--preset--color--amber-700) !important;}.has-amber-800-color{color: var(--wp--preset--color--amber-800) !important;}.has-amber-900-color{color: var(--wp--preset--color--amber-900) !important;}.has-amber-950-color{color: var(--wp--preset--color--amber-950) !important;}.has-yellow-50-color{color: var(--wp--preset--color--yellow-50) !important;}.has-yellow-100-color{color: var(--wp--preset--color--yellow-100) !important;}.has-yellow-200-color{color: var(--wp--preset--color--yellow-200) !important;}.has-yellow-300-color{color: var(--wp--preset--color--yellow-300) !important;}.has-yellow-400-color{color: var(--wp--preset--color--yellow-400) !important;}.has-yellow-500-color{color: var(--wp--preset--color--yellow-500) !important;}.has-yellow-600-color{color: var(--wp--preset--color--yellow-600) !important;}.has-yellow-700-color{color: var(--wp--preset--color--yellow-700) !important;}.has-yellow-800-color{color: var(--wp--preset--color--yellow-800) !important;}.has-yellow-900-color{color: var(--wp--preset--color--yellow-900) !important;}.has-yellow-950-color{color: var(--wp--preset--color--yellow-950) !important;}.has-lime-50-color{color: var(--wp--preset--color--lime-50) !important;}.has-lime-100-color{color: var(--wp--preset--color--lime-100) !important;}.has-lime-200-color{color: var(--wp--preset--color--lime-200) !important;}.has-lime-300-color{color: var(--wp--preset--color--lime-300) !important;}.has-lime-400-color{color: var(--wp--preset--color--lime-400) !important;}.has-lime-500-color{color: var(--wp--preset--color--lime-500) !important;}.has-lime-600-color{color: var(--wp--preset--color--lime-600) !important;}.has-lime-700-color{color: var(--wp--preset--color--lime-700) !important;}.has-lime-800-color{color: var(--wp--preset--color--lime-800) !important;}.has-lime-900-color{color: var(--wp--preset--color--lime-900) !important;}.has-lime-950-color{color: var(--wp--preset--color--lime-950) !important;}.has-green-50-color{color: var(--wp--preset--color--green-50) !important;}.has-green-100-color{color: var(--wp--preset--color--green-100) !important;}.has-green-200-color{color: var(--wp--preset--color--green-200) !important;}.has-green-300-color{color: var(--wp--preset--color--green-300) !important;}.has-green-400-color{color: var(--wp--preset--color--green-400) !important;}.has-green-500-color{color: var(--wp--preset--color--green-500) !important;}.has-green-600-color{color: var(--wp--preset--color--green-600) !important;}.has-green-700-color{color: var(--wp--preset--color--green-700) !important;}.has-green-800-color{color: var(--wp--preset--color--green-800) !important;}.has-green-900-color{color: var(--wp--preset--color--green-900) !important;}.has-green-950-color{color: var(--wp--preset--color--green-950) !important;}.has-emerald-50-color{color: var(--wp--preset--color--emerald-50) !important;}.has-emerald-100-color{color: var(--wp--preset--color--emerald-100) !important;}.has-emerald-200-color{color: var(--wp--preset--color--emerald-200) !important;}.has-emerald-300-color{color: var(--wp--preset--color--emerald-300) !important;}.has-emerald-400-color{color: var(--wp--preset--color--emerald-400) !important;}.has-emerald-500-color{color: var(--wp--preset--color--emerald-500) !important;}.has-emerald-600-color{color: var(--wp--preset--color--emerald-600) !important;}.has-emerald-700-color{color: var(--wp--preset--color--emerald-700) !important;}.has-emerald-800-color{color: var(--wp--preset--color--emerald-800) !important;}.has-emerald-900-color{color: var(--wp--preset--color--emerald-900) !important;}.has-emerald-950-color{color: var(--wp--preset--color--emerald-950) !important;}.has-teal-50-color{color: var(--wp--preset--color--teal-50) !important;}.has-teal-100-color{color: var(--wp--preset--color--teal-100) !important;}.has-teal-200-color{color: var(--wp--preset--color--teal-200) !important;}.has-teal-300-color{color: var(--wp--preset--color--teal-300) !important;}.has-teal-400-color{color: var(--wp--preset--color--teal-400) !important;}.has-teal-500-color{color: var(--wp--preset--color--teal-500) !important;}.has-teal-600-color{color: var(--wp--preset--color--teal-600) !important;}.has-teal-700-color{color: var(--wp--preset--color--teal-700) !important;}.has-teal-800-color{color: var(--wp--preset--color--teal-800) !important;}.has-teal-900-color{color: var(--wp--preset--color--teal-900) !important;}.has-teal-950-color{color: var(--wp--preset--color--teal-950) !important;}.has-cyan-50-color{color: var(--wp--preset--color--cyan-50) !important;}.has-cyan-100-color{color: var(--wp--preset--color--cyan-100) !important;}.has-cyan-200-color{color: var(--wp--preset--color--cyan-200) !important;}.has-cyan-300-color{color: var(--wp--preset--color--cyan-300) !important;}.has-cyan-400-color{color: var(--wp--preset--color--cyan-400) !important;}.has-cyan-500-color{color: var(--wp--preset--color--cyan-500) !important;}.has-cyan-600-color{color: var(--wp--preset--color--cyan-600) !important;}.has-cyan-700-color{color: var(--wp--preset--color--cyan-700) !important;}.has-cyan-800-color{color: var(--wp--preset--color--cyan-800) !important;}.has-cyan-900-color{color: var(--wp--preset--color--cyan-900) !important;}.has-cyan-950-color{color: var(--wp--preset--color--cyan-950) !important;}.has-sky-50-color{color: var(--wp--preset--color--sky-50) !important;}.has-sky-100-color{color: var(--wp--preset--color--sky-100) !important;}.has-sky-200-color{color: var(--wp--preset--color--sky-200) !important;}.has-sky-300-color{color: var(--wp--preset--color--sky-300) !important;}.has-sky-400-color{color: var(--wp--preset--color--sky-400) !important;}.has-sky-500-color{color: var(--wp--preset--color--sky-500) !important;}.has-sky-600-color{color: var(--wp--preset--color--sky-600) !important;}.has-sky-700-color{color: var(--wp--preset--color--sky-700) !important;}.has-sky-800-color{color: var(--wp--preset--color--sky-800) !important;}.has-sky-900-color{color: var(--wp--preset--color--sky-900) !important;}.has-sky-950-color{color: var(--wp--preset--color--sky-950) !important;}.has-blue-50-color{color: var(--wp--preset--color--blue-50) !important;}.has-blue-100-color{color: var(--wp--preset--color--blue-100) !important;}.has-blue-200-color{color: var(--wp--preset--color--blue-200) !important;}.has-blue-300-color{color: var(--wp--preset--color--blue-300) !important;}.has-blue-400-color{color: var(--wp--preset--color--blue-400) !important;}.has-blue-500-color{color: var(--wp--preset--color--blue-500) !important;}.has-blue-600-color{color: var(--wp--preset--color--blue-600) !important;}.has-blue-700-color{color: var(--wp--preset--color--blue-700) !important;}.has-blue-800-color{color: var(--wp--preset--color--blue-800) !important;}.has-blue-900-color{color: var(--wp--preset--color--blue-900) !important;}.has-blue-950-color{color: var(--wp--preset--color--blue-950) !important;}.has-indigo-50-color{color: var(--wp--preset--color--indigo-50) !important;}.has-indigo-100-color{color: var(--wp--preset--color--indigo-100) !important;}.has-indigo-200-color{color: var(--wp--preset--color--indigo-200) !important;}.has-indigo-300-color{color: var(--wp--preset--color--indigo-300) !important;}.has-indigo-400-color{color: var(--wp--preset--color--indigo-400) !important;}.has-indigo-500-color{color: var(--wp--preset--color--indigo-500) !important;}.has-indigo-600-color{color: var(--wp--preset--color--indigo-600) !important;}.has-indigo-700-color{color: var(--wp--preset--color--indigo-700) !important;}.has-indigo-800-color{color: var(--wp--preset--color--indigo-800) !important;}.has-indigo-900-color{color: var(--wp--preset--color--indigo-900) !important;}.has-indigo-950-color{color: var(--wp--preset--color--indigo-950) !important;}.has-violet-50-color{color: var(--wp--preset--color--violet-50) !important;}.has-violet-100-color{color: var(--wp--preset--color--violet-100) !important;}.has-violet-200-color{color: var(--wp--preset--color--violet-200) !important;}.has-violet-300-color{color: var(--wp--preset--color--violet-300) !important;}.has-violet-400-color{color: var(--wp--preset--color--violet-400) !important;}.has-violet-500-color{color: var(--wp--preset--color--violet-500) !important;}.has-violet-600-color{color: var(--wp--preset--color--violet-600) !important;}.has-violet-700-color{color: var(--wp--preset--color--violet-700) !important;}.has-violet-800-color{color: var(--wp--preset--color--violet-800) !important;}.has-violet-900-color{color: var(--wp--preset--color--violet-900) !important;}.has-violet-950-color{color: var(--wp--preset--color--violet-950) !important;}.has-purple-50-color{color: var(--wp--preset--color--purple-50) !important;}.has-purple-100-color{color: var(--wp--preset--color--purple-100) !important;}.has-purple-200-color{color: var(--wp--preset--color--purple-200) !important;}.has-purple-300-color{color: var(--wp--preset--color--purple-300) !important;}.has-purple-400-color{color: var(--wp--preset--color--purple-400) !important;}.has-purple-500-color{color: var(--wp--preset--color--purple-500) !important;}.has-purple-600-color{color: var(--w
2783p--preset--color--purple-600) !important;}.has-purple-700-color{color: var(--wp--preset--color--purple-700) !important;}.has-purple-800-color{color: var(--wp--preset--color--purple-800) !important;}.has-purple-900-color{color: var(--wp--preset--color--purple-900) !important;}.has-purple-950-color{color: var(--wp--preset--color--purple-950) !important;}.has-fuchsia-50-color{color: var(--wp--preset--color--fuchsia-50) !important;}.has-fuchsia-100-color{color: var(--wp--preset--color--fuchsia-100) !important;}.has-fuchsia-200-color{color: var(--wp--preset--color--fuchsia-200) !important;}.has-fuchsia-300-color{color: var(--wp--preset--color--fuchsia-300) !important;}.has-fuchsia-400-color{color: var(--wp--preset--color--fuchsia-400) !important;}.has-fuchsia-500-color{color: var(--wp--preset--color--fuchsia-500) !important;}.has-fuchsia-600-color{color: var(--wp--preset--color--fuchsia-600) !important;}.has-fuchsia-700-color{color: var(--wp--preset--color--fuchsia-700) !important;}.has-fuchsia-800-color{color: var(--wp--preset--color--fuchsia-800) !important;}.has-fuchsia-900-color{color: var(--wp--preset--color--fuchsia-900) !important;}.has-fuchsia-950-color{color: var(--wp--preset--color--fuchsia-950) !important;}.has-pink-50-color{color: var(--wp--preset--color--pink-50) !important;}.has-pink-100-color{color: var(--wp--preset--color--pink-100) !important;}.has-pink-200-color{color: var(--wp--preset--color--pink-200) !important;}.has-pink-300-color{color: var(--wp--preset--color--pink-300) !important;}.has-pink-400-color{color: var(--wp--preset--color--pink-400) !important;}.has-pink-500-color{color: var(--wp--preset--color--pink-500) !important;}.has-pink-600-color{color: var(--wp--preset--color--pink-600) !important;}.has-pink-700-color{color: var(--wp--preset--color--pink-700) !important;}.has-pink-800-color{color: var(--wp--preset--color--pink-800) !important;}.has-pink-900-color{color: var(--wp--preset--color--pink-900) !important;}.has-pink-950-color{color: var(--wp--preset--color--pink-950) !important;}.has-rose-50-color{color: var(--wp--preset--color--rose-50) !important;}.has-rose-100-color{color: var(--wp--preset--color--rose-100) !important;}.has-rose-200-color{color: var(--wp--preset--color--rose-200) !important;}.has-rose-300-color{color: var(--wp--preset--color--rose-300) !important;}.has-rose-400-color{color: var(--wp--preset--color--rose-400) !important;}.has-rose-500-color{color: var(--wp--preset--color--rose-500) !important;}.has-rose-600-color{color: var(--wp--preset--color--rose-600) !important;}.has-rose-700-color{color: var(--wp--preset--color--rose-700) !important;}.has-rose-800-color{color: var(--wp--preset--color--rose-800) !important;}.has-rose-900-color{color: var(--wp--preset--color--rose-900) !important;}.has-rose-950-color{color: var(--wp--preset--color--rose-950) !important;}.has-primary-color{color: var(--wp--preset--color--primary) !important;}.has-primary-content-color{color: var(--wp--preset--color--primary-content) !important;}.has-secondary-color{color: var(--wp--preset--color--secondary) !important;}.has-secondary-content-color{color: var(--wp--preset--color--secondary-content) !important;}.has-accent-color{color: var(--wp--preset--color--accent) !important;}.has-accent-content-color{color: var(--wp--preset--color--accent-content) !important;}.has-neutral-content-color{color: var(--wp--preset--color--neutral-content) !important;}.has-base-100-color{color: var(--wp--preset--color--base-100) !important;}.has-base-200-color{color: var(--wp--preset--color--base-200) !important;}.has-base-300-color{color: var(--wp--preset--color--base-300) !important;}.has-base-content-color{color: var(--wp--preset--color--base-content) !important;}.has-info-color{color: var(--wp--preset--color--info) !important;}.has-info-content-color{color: var(--wp--preset--color--info-content) !important;}.has-success-color{color: var(--wp--preset--color--success) !important;}.has-success-content-color{color: var(--wp--preset--color--success-content) !important;}.has-warning-color{color: var(--wp--preset--color--warning) !important;}.has-warning-content-color{color: var(--wp--preset--color--warning-content) !important;}.has-error-color{color: var(--wp--preset--color--error) !important;}.has-error-content-color{color: var(--wp--preset--color--error-content) !important;}.has-neutral-50-color{color: var(--wp--preset--color--neutral-50) !important;}.has-neutral-100-color{color: var(--wp--preset--color--neutral-100) !important;}.has-neutral-200-color{color: var(--wp--preset--color--neutral-200) !important;}.has-neutral-300-color{color: var(--wp--preset--color--neutral-300) !important;}.has-neutral-400-color{color: var(--wp--preset--color--neutral-400) !important;}.has-neutral-500-color{color: var(--wp--preset--color--neutral-500) !important;}.has-neutral-600-color{color: var(--wp--preset--color--neutral-600) !important;}.has-neutral-700-color{color: var(--wp--preset--color--neutral-700) !important;}.has-neutral-800-color{color: var(--wp--preset--color--neutral-800) !important;}.has-neutral-900-color{color: var(--wp--preset--color--neutral-900) !important;}.has-neutral-950-color{color: var(--wp--preset--color--neutral-950) !important;}.has-bati-color{color: var(--wp--preset--color--bati) !important;}.has-agri-color{color: var(--wp--preset--color--agri) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-inherit-background-color{background-color: var(--wp--preset--color--inherit) !important;}.has-current-background-color{background-color: var(--wp--preset--color--current) !important;}.has-transparent-background-color{background-color: var(--wp--preset--color--transparent) !important;}.has-slate-50-background-color{background-color: var(--wp--preset--color--slate-50) !important;}.has-slate-100-background-color{background-color: var(--wp--preset--color--slate-100) !important;}.has-slate-200-background-color{background-color: var(--wp--preset--color--slate-200) !important;}.has-slate-300-background-color{background-color: var(--wp--preset--color--slate-300) !important;}.has-slate-400-background-color{background-color: var(--wp--preset--color--slate-400) !important;}.has-slate-500-background-color{background-color: var(--wp--preset--color--slate-500) !important;}.has-slate-600-background-color{background-color: var(--wp--preset--color--slate-600) !important;}.has-slate-700-background-color{background-color: var(--wp--preset--color--slate-700) !important;}.has-slate-800-background-color{background-color: var(--wp--preset--color--slate-800) !important;}.has-slate-900-background-color{background-color: var(--wp--preset--color--slate-900) !important;}.has-slate-950-background-color{background-color: var(--wp--preset--color--slate-950) !important;}.has-gray-50-background-color{background-color: var(--wp--preset--color--gray-50) !important;}.has-gray-100-background-color{background-color: var(--wp--preset--color--gray-100) !important;}.has-gray-200-background-color{background-color: var(--wp--preset--color--gray-200) !important;}.has-gray-300-background-color{background-color: var(--wp--preset--color--gray-300) !important;}.has-gray-400-background-color{background-color: var(--wp--preset--color--gray-400) !important;}.has-gray-500-background-color{background-color: var(--wp--preset--color--gray-500) !important;}.has-gray-600-background-color{background-color: var(--wp--preset--color--gray-600) !important;}.has-gray-700-background-color{background-color: var(--wp--preset--color--gray-700) !important;}.has-gray-800-background-color{background-color: var(--wp--preset--color--gray-800) !important;}.has-gray-900-background-color{background-color: var(--wp--preset--color--gray-900) !important;}.has-gray-950-background-color{background-color: var(--wp--preset--color--gray-950) !important;}.has-zinc-50-background-color{background-color: var(--wp--preset--color--zinc-50) !important;}.has-zinc-100-background-color{background-color: var(--wp--preset--color--zinc-100) !important;}.has-zinc-200-background-color{background-color: var(--wp--preset--color--zinc-200) !important;}.has-zinc-300-background-color{background-color: var(--wp--preset--color--zinc-300) !important;}.has-zinc-400-background-color{background-color: var(--wp--preset--color--zinc-400) !important;}.has-zinc-500-background-color{background-color: var(--wp--preset--color--zinc-500) !important;}.has-zinc-600-background-color{background-color: var(--wp--preset--color--zinc-600) !important;}.has-zinc-700-background-color{background-color: var(--wp--preset--color--zinc-700) !important;}.has-zinc-800-background-color{background-color: var(--wp--preset--color--zinc-800) !important;}.has-zinc-900-background-color{background-color: var(--wp--preset--color--zinc-900) !important;}.has-zinc-950-background-color{background-color: var(--wp--preset--color--zinc-950) !important;}.has-neutral-background-color{background-color: var(--wp--preset--color--neutral) !important;}.has-stone-50-background-color{background-color: var(--wp--preset--color--stone-50) !important;}.has-stone-100-background-color{background-color: var(--wp--preset--color--stone-100) !important;}.has-stone-200-background-color{background-color: var(--wp--preset--color--stone-200) !important;}.has-stone-300-background-color{background-color: var(--wp--preset--color--stone-300) !important;}.has-stone-400-background-color{background-color: var(--wp--preset--color--stone-400) !important;}.has-stone-500-background-color{background-color: var(--wp--preset--color--stone-500) !important;}.has-stone-600-background-color{background-color: var(--wp--preset--color--stone-600) !important;}.has-stone-700-background-color{background-color: var(--wp--preset--color--stone-700) !important;}.has-stone-800-background-color{background-color: var(--wp--preset--color--stone-800) !important;}.has-stone-900-background-color{background-color: var(--wp--preset--color--stone-900) !important;}.has-stone-950-background-color{background-color: var(--wp--preset--color--stone-950) !important;}.has-red-50-background-color{background-color: var(--wp--preset--color--red-50) !important;}.has-red-100-background-color{background-color: var(--wp--preset--color--red-100) !important;}.has-red-200-background-color{background-color: var(--wp--preset--color--red-200) !important;}.has-red-300-background-color{background-color: var(--wp--preset--color--red-300) !important;}.has-red-400-background-color{background-color: var(--wp--preset--color--red-400) !important;}.has-red-500-background-color{background-color: var(--wp--preset--color--red-500) !important;}.has-red-600-background-color{background-color: var(--wp--preset--color--red-600) !important;}.has-red-700-background-color{background-color: var(--wp--preset--color--red-700) !important;}.has-red-800-background-color{background-color: var(--wp--preset--color--red-800) !important;}.has-red-900-background-color{background-color: var(--wp--preset--color--red-900) !important;}.has-red-950-background-color{background-color: var(--wp--preset--color--red-950) !important;}.has-orange-50-background-color{background-color: var(--wp--preset--color--orange-50) !important;}.has-orange-100-background-color{background-color: var(--wp--preset--color--orange-100) !important;}.has-orange-200-background-color{background-color: var(--wp--preset--color--orange-200) !important;}.has-orange-300-background-color{background-color: var(--wp--preset--color--orange-300) !important;}.has-orange-400-background-color{background-color: var(--wp--preset--color--orange-400) !important;}.has-orange-500-background-color{background-color: var(--wp--preset--color--orange-500) !important;}.has-orange-600-background-color{background-color: var(--wp--preset--color--orange-600) !important;}.has-orange-700-background-color{background-color: var(--wp--preset--color--orange-700) !important;}.has-orange-800-background-color{background-color: var(--wp--preset--color--orange-800) !important;}.has-orange-900-background-color{background-color: var(--wp--preset--color--orange-900) !important;}.has-orange-950-background-color{background-color: var(--wp--preset--color--orange-950) !important;}.has-amber-50-background-color{background-color: var(--wp--preset--color--amber-50) !important;}.has-amber-100-background-color{background-color: var(--wp--preset--color--amber-100) !important;}.has-amber-200-background-color{background-color: var(--wp--preset--color--amber-200) !important;}.has-amber-300-background-color{background-color: var(--wp--preset--color--amber-300) !important;}.has-amber-400-background-color{background-color: var(--wp--preset--color--amber-400) !important;}.has-amber-500-background-color{background-color: var(--wp--preset--color--amber-500) !important;}.has-amber-600-background-color{background-color: var(--wp--preset--color--amber-600) !important;}.has-amber-700-background-color{background-color: var(--wp--preset--color--amber-700) !important;}.has-amber-800-background-color{background-color: var(--wp--preset--color--amber-800) !important;}.has-amber-900-background-color{background-color: var(--wp--preset--color--amber-900) !important;}.has-amber-950-background-color{background-color: var(--wp--preset--color--amber-950) !important;}.has-yellow-50-background-color{background-color: var(--wp--preset--color--yellow-50) !important;}.has-yellow-100-background-color{background-color: var(--wp--preset--color--yellow-100) !important;}.has-yellow-200-background-color{background-color: var(--wp--preset--color--yellow-200) !important;}.has-yellow-300-background-color{background-color: var(--wp--preset--color--yellow-300) !important;}.has-yellow-400-background-color{background-color: var(--wp--preset--color--yellow-400) !important;}.has-yellow-500-background-color{background-color: var(--wp--preset--color--yellow-500) !important;}.has-yellow-600-background-color{background-color: var(--wp--preset--color--yellow-600) !important;}.has-yellow-700-background-color{background-color: var(--wp--preset--color--yellow-700) !important;}.has-yellow-800-background-color{background-color: var(--wp--preset--color--yellow-800) !important;}.has-yellow-900-background-color{background-color: var(--wp--preset--color--yellow-900) !important;}.has-yellow-950-background-color{background-color: var(--wp--preset--color--yellow-950) !important;}.has-lime-50-background-color{background-color: var(--wp--preset--color--lime-50) !important;}.has-lime-100-background-color{background-color: var(--wp--preset--color--lime-100) !important;}.has-lime-200-background-color{background-color: var(--wp--preset--color--lime-200) !important;}.has-lime-300-background-color{background-color: var(--wp--preset--color--lime-300) !important;}.has-lime-400-background-color{background-color: var(--wp--preset--color--lime-400) !important;}.has-lime-500-background-color{background-color: var(--wp--preset--color--lime-500) !important;}.has-lime-600-background-color{background-color: var(--wp--preset--color--lime-600) !important;}.has-lime-700-background-color{background-color: var(--wp--preset--color--lime-700) !important;}.has-lime-800-background-color{b
2783ackground-color: var(--wp--preset--color--lime-800) !important;}.has-lime-900-background-color{background-color: var(--wp--preset--color--lime-900) !important;}.has-lime-950-background-color{background-color: var(--wp--preset--color--lime-950) !important;}.has-green-50-background-color{background-color: var(--wp--preset--color--green-50) !important;}.has-green-100-background-color{background-color: var(--wp--preset--color--green-100) !important;}.has-green-200-background-color{background-color: var(--wp--preset--color--green-200) !important;}.has-green-300-background-color{background-color: var(--wp--preset--color--green-300) !important;}.has-green-400-background-color{background-color: var(--wp--preset--color--green-400) !important;}.has-green-500-background-color{background-color: var(--wp--preset--color--green-500) !important;}.has-green-600-background-color{background-color: var(--wp--preset--color--green-600) !important;}.has-green-700-background-color{background-color: var(--wp--preset--color--green-700) !important;}.has-green-800-background-color{background-color: var(--wp--preset--color--green-800) !important;}.has-green-900-background-color{background-color: var(--wp--preset--color--green-900) !important;}.has-green-950-background-color{background-color: var(--wp--preset--color--green-950) !important;}.has-emerald-50-background-color{background-color: var(--wp--preset--color--emerald-50) !important;}.has-emerald-100-background-color{background-color: var(--wp--preset--color--emerald-100) !important;}.has-emerald-200-background-color{background-color: var(--wp--preset--color--emerald-200) !important;}.has-emerald-300-background-color{background-color: var(--wp--preset--color--emerald-300) !important;}.has-emerald-400-background-color{background-color: var(--wp--preset--color--emerald-400) !important;}.has-emerald-500-background-color{background-color: var(--wp--preset--color--emerald-500) !important;}.has-emerald-600-background-color{background-color: var(--wp--preset--color--emerald-600) !important;}.has-emerald-700-background-color{background-color: var(--wp--preset--color--emerald-700) !important;}.has-emerald-800-background-color{background-color: var(--wp--preset--color--emerald-800) !important;}.has-emerald-900-background-color{background-color: var(--wp--preset--color--emerald-900) !important;}.has-emerald-950-background-color{background-color: var(--wp--preset--color--emerald-950) !important;}.has-teal-50-background-color{background-color: var(--wp--preset--color--teal-50) !important;}.has-teal-100-background-color{background-color: var(--wp--preset--color--teal-100) !important;}.has-teal-200-background-color{background-color: var(--wp--preset--color--teal-200) !important;}.has-teal-300-background-color{background-color: var(--wp--preset--color--teal-300) !important;}.has-teal-400-background-color{background-color: var(--wp--preset--color--teal-400) !important;}.has-teal-500-background-color{background-color: var(--wp--preset--color--teal-500) !important;}.has-teal-600-background-color{background-color: var(--wp--preset--color--teal-600) !important;}.has-teal-700-background-color{background-color: var(--wp--preset--color--teal-700) !important;}.has-teal-800-background-color{background-color: var(--wp--preset--color--teal-800) !important;}.has-teal-900-background-color{background-color: var(--wp--preset--color--teal-900) !important;}.has-teal-950-background-color{background-color: var(--wp--preset--color--teal-950) !important;}.has-cyan-50-background-color{background-color: var(--wp--preset--color--cyan-50) !important;}.has-cyan-100-background-color{background-color: var(--wp--preset--color--cyan-100) !important;}.has-cyan-200-background-color{background-color: var(--wp--preset--color--cyan-200) !important;}.has-cyan-300-background-color{background-color: var(--wp--preset--color--cyan-300) !important;}.has-cyan-400-background-color{background-color: var(--wp--preset--color--cyan-400) !important;}.has-cyan-500-background-color{background-color: var(--wp--preset--color--cyan-500) !important;}.has-cyan-600-background-color{background-color: var(--wp--preset--color--cyan-600) !important;}.has-cyan-700-background-color{background-color: var(--wp--preset--color--cyan-700) !important;}.has-cyan-800-background-color{background-color: var(--wp--preset--color--cyan-800) !important;}.has-cyan-900-background-color{background-color: var(--wp--preset--color--cyan-900) !important;}.has-cyan-950-background-color{background-color: var(--wp--preset--color--cyan-950) !important;}.has-sky-50-background-color{background-color: var(--wp--preset--color--sky-50) !important;}.has-sky-100-background-color{background-color: var(--wp--preset--color--sky-100) !important;}.has-sky-200-background-color{background-color: var(--wp--preset--color--sky-200) !important;}.has-sky-300-background-color{background-color: var(--wp--preset--color--sky-300) !important;}.has-sky-400-background-color{background-color: var(--wp--preset--color--sky-400) !important;}.has-sky-500-background-color{background-color: var(--wp--preset--color--sky-500) !important;}.has-sky-600-background-color{background-color: var(--wp--preset--color--sky-600) !important;}.has-sky-700-background-color{background-color: var(--wp--preset--color--sky-700) !important;}.has-sky-800-background-color{background-color: var(--wp--preset--color--sky-800) !important;}.has-sky-900-background-color{background-color: var(--wp--preset--color--sky-900) !important;}.has-sky-950-background-color{background-color: var(--wp--preset--color--sky-950) !important;}.has-blue-50-background-color{background-color: var(--wp--preset--color--blue-50) !important;}.has-blue-100-background-color{background-color: var(--wp--preset--color--blue-100) !important;}.has-blue-200-background-color{background-color: var(--wp--preset--color--blue-200) !important;}.has-blue-300-background-color{background-color: var(--wp--preset--color--blue-300) !important;}.has-blue-400-background-color{background-color: var(--wp--preset--color--blue-400) !important;}.has-blue-500-background-color{background-color: var(--wp--preset--color--blue-500) !important;}.has-blue-600-background-color{background-color: var(--wp--preset--color--blue-600) !important;}.has-blue-700-background-color{background-color: var(--wp--preset--color--blue-700) !important;}.has-blue-800-background-color{background-color: var(--wp--preset--color--blue-800) !important;}.has-blue-900-background-color{background-color: var(--wp--preset--color--blue-900) !important;}.has-blue-950-background-color{background-color: var(--wp--preset--color--blue-950) !important;}.has-indigo-50-background-color{background-color: var(--wp--preset--color--indigo-50) !important;}.has-indigo-100-background-color{background-color: var(--wp--preset--color--indigo-100) !important;}.has-indigo-200-background-color{background-color: var(--wp--preset--color--indigo-200) !important;}.has-indigo-300-background-color{background-color: var(--wp--preset--color--indigo-300) !important;}.has-indigo-400-background-color{background-color: var(--wp--preset--color--indigo-400) !important;}.has-indigo-500-background-color{background-color: var(--wp--preset--color--indigo-500) !important;}.has-indigo-600-background-color{background-color: var(--wp--preset--color--indigo-600) !important;}.has-indigo-700-background-color{background-color: var(--wp--preset--color--indigo-700) !important;}.has-indigo-800-background-color{background-color: var(--wp--preset--color--indigo-800) !important;}.has-indigo-900-background-color{background-color: var(--wp--preset--color--indigo-900) !important;}.has-indigo-950-background-color{background-color: var(--wp--preset--color--indigo-950) !important;}.has-violet-50-background-color{background-color: var(--wp--preset--color--violet-50) !important;}.has-violet-100-background-color{background-color: var(--wp--preset--color--violet-100) !important;}.has-violet-200-background-color{background-color: var(--wp--preset--color--violet-200) !important;}.has-violet-300-background-color{background-color: var(--wp--preset--color--violet-300) !important;}.has-violet-400-background-color{background-color: var(--wp--preset--color--violet-400) !important;}.has-violet-500-background-color{background-color: var(--wp--preset--color--violet-500) !important;}.has-violet-600-background-color{background-color: var(--wp--preset--color--violet-600) !important;}.has-violet-700-background-color{background-color: var(--wp--preset--color--violet-700) !important;}.has-violet-800-background-color{background-color: var(--wp--preset--color--violet-800) !important;}.has-violet-900-background-color{background-color: var(--wp--preset--color--violet-900) !important;}.has-violet-950-background-color{background-color: var(--wp--preset--color--violet-950) !important;}.has-purple-50-background-color{background-color: var(--wp--preset--color--purple-50) !important;}.has-purple-100-background-color{background-color: var(--wp--preset--color--purple-100) !important;}.has-purple-200-background-color{background-color: var(--wp--preset--color--purple-200) !important;}.has-purple-300-background-color{background-color: var(--wp--preset--color--purple-300) !important;}.has-purple-400-background-color{background-color: var(--wp--preset--color--purple-400) !important;}.has-purple-500-background-color{background-color: var(--wp--preset--color--purple-500) !important;}.has-purple-600-background-color{background-color: var(--wp--preset--color--purple-600) !important;}.has-purple-700-background-color{background-color: var(--wp--preset--color--purple-700) !important;}.has-purple-800-background-color{background-color: var(--wp--preset--color--purple-800) !important;}.has-purple-900-background-color{background-color: var(--wp--preset--color--purple-900) !important;}.has-purple-950-background-color{background-color: var(--wp--preset--color--purple-950) !important;}.has-fuchsia-50-background-color{background-color: var(--wp--preset--color--fuchsia-50) !important;}.has-fuchsia-100-background-color{background-color: var(--wp--preset--color--fuchsia-100) !important;}.has-fuchsia-200-background-color{background-color: var(--wp--preset--color--fuchsia-200) !important;}.has-fuchsia-300-background-color{background-color: var(--wp--preset--color--fuchsia-300) !important;}.has-fuchsia-400-background-color{background-color: var(--wp--preset--color--fuchsia-400) !important;}.has-fuchsia-500-background-color{background-color: var(--wp--preset--color--fuchsia-500) !important;}.has-fuchsia-600-background-color{background-color: var(--wp--preset--color--fuchsia-600) !important;}.has-fuchsia-700-background-color{background-color: var(--wp--preset--color--fuchsia-700) !important;}.has-fuchsia-800-background-color{background-color: var(--wp--preset--color--fuchsia-800) !important;}.has-fuchsia-900-background-color{background-color: var(--wp--preset--color--fuchsia-900) !important;}.has-fuchsia-950-background-color{background-color: var(--wp--preset--color--fuchsia-950) !important;}.has-pink-50-background-color{background-color: var(--wp--preset--color--pink-50) !important;}.has-pink-100-background-color{background-color: var(--wp--preset--color--pink-100) !important;}.has-pink-200-background-color{background-color: var(--wp--preset--color--pink-200) !important;}.has-pink-300-background-color{background-color: var(--wp--preset--color--pink-300) !important;}.has-pink-400-background-color{background-color: var(--wp--preset--color--pink-400) !important;}.has-pink-500-background-color{background-color: var(--wp--preset--color--pink-500) !important;}.has-pink-600-background-color{background-color: var(--wp--preset--color--pink-600) !important;}.has-pink-700-background-color{background-color: var(--wp--preset--color--pink-700) !important;}.has-pink-800-background-color{background-color: var(--wp--preset--color--pink-800) !important;}.has-pink-900-background-color{background-color: var(--wp--preset--color--pink-900) !important;}.has-pink-950-background-color{background-color: var(--wp--preset--color--pink-950) !important;}.has-rose-50-background-color{background-color: var(--wp--preset--color--rose-50) !important;}.has-rose-100-background-color{background-color: var(--wp--preset--color--rose-100) !important;}.has-rose-200-background-color{background-color: var(--wp--preset--color--rose-200) !important;}.has-rose-300-background-color{background-color: var(--wp--preset--color--rose-300) !important;}.has-rose-400-background-color{background-color: var(--wp--preset--color--rose-400) !important;}.has-rose-500-background-color{background-color: var(--wp--preset--color--rose-500) !important;}.has-rose-600-background-color{background-color: var(--wp--preset--color--rose-600) !important;}.has-rose-700-background-color{background-color: var(--wp--preset--color--rose-700) !important;}.has-rose-800-background-color{background-color: var(--wp--preset--color--rose-800) !important;}.has-rose-900-background-color{background-color: var(--wp--preset--color--rose-900) !important;}.has-rose-950-background-color{background-color: var(--wp--preset--color--rose-950) !important;}.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-primary-content-background-color{background-color: var(--wp--preset--color--primary-content) !important;}.has-secondary-background-color{background-color: var(--wp--preset--color--secondary) !important;}.has-secondary-content-background-color{background-color: var(--wp--preset--color--secondary-content) !important;}.has-accent-background-color{background-color: var(--wp--preset--color--accent) !important;}.has-accent-content-background-color{background-color: var(--wp--preset--color--accent-content) !important;}.has-neutral-content-background-color{background-color: var(--wp--preset--color--neutral-content) !important;}.has-base-100-background-color{background-color: var(--wp--preset--color--base-100) !important;}.has-base-200-background-color{background-color: var(--wp--preset--color--base-200) !important;}.has-base-300-background-color{background-color: var(--wp--preset--color--base-300) !important;}.has-base-content-background-color{background-color: var(--wp--preset--color--base-content) !important;}.has-info-background-color{background-color: var(--wp--preset--color--info) !important;}.has-info-content-background-color{background-color: var(--wp--preset--color--info-content) !important;}.has-success-background-color{background-color: var(--wp--preset--color--success) !important;}.has-success-content-background-color{background-color: var(--wp--preset--color--success-content) !important;}.has-warning-background-color{background-color: var(--wp--preset--color--warning) !important;}.has-warning-content-background-color{background-color: var(--wp--preset--color--warning-content) !important;}.has-error-background-color{background-color: var(--wp--preset--color--error) !important;}.has-error-content-background-color{background-color: var(--wp--preset--color--error-content) !important;}.has-neutral-50-background-color{background-color: var(--wp--preset--color--neutral-50) !important;}.has-neutral-100-background-color{background-color: var(--wp--preset--color--neutral-100) !important;}.has-neutral-200-background-color{background-color: var(--wp--preset--color--neutral-200) !important;}.has-neutral-300-background-color{background-color: var(--wp--preset--color--neutral-300) !important;}.has-neutral-400-background-color{background-color: var(--wp--preset--color--neutral-400) !important;}.has-neutral-500-background-color{background-color: var(--wp--preset--color--neutral-500) !important;}.has-neutral-600-background-color{background-color: var(--wp--preset--color--neutral-600) !important;}.has-neutral-700-background-color{background-color: var(--wp--preset--color--neutral-700) !important;}.has-neutral-800-background-color{background-color: var(--wp--preset--color--neutral-800) !important;}.has-neutral-900-background-color{background-color: var(--wp--preset--color--neutral-900) !important;}.has-neutral-950-background-color{background-color: var(--wp--preset--color--neutral-950) !important;}.has-bati-background-color{background-color: var(--wp--preset--color--bati) !important;}.has-agri-background-color{background-color: var(--wp--preset--color--agri) !important;}.has-b
2783lack-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-inherit-border-color{border-color: var(--wp--preset--color--inherit) !important;}.has-current-border-color{border-color: var(--wp--preset--color--current) !important;}.has-transparent-border-color{border-color: var(--wp--preset--color--transparent) !important;}.has-slate-50-border-color{border-color: var(--wp--preset--color--slate-50) !important;}.has-slate-100-border-color{border-color: var(--wp--preset--color--slate-100) !important;}.has-slate-200-border-color{border-color: var(--wp--preset--color--slate-200) !important;}.has-slate-300-border-color{border-color: var(--wp--preset--color--slate-300) !important;}.has-slate-400-border-color{border-color: var(--wp--preset--color--slate-400) !important;}.has-slate-500-border-color{border-color: var(--wp--preset--color--slate-500) !important;}.has-slate-600-border-color{border-color: var(--wp--preset--color--slate-600) !important;}.has-slate-700-border-color{border-color: var(--wp--preset--color--slate-700) !important;}.has-slate-800-border-color{border-color: var(--wp--preset--color--slate-800) !important;}.has-slate-900-border-color{border-color: var(--wp--preset--color--slate-900) !important;}.has-slate-950-border-color{border-color: var(--wp--preset--color--slate-950) !important;}.has-gray-50-border-color{border-color: var(--wp--preset--color--gray-50) !important;}.has-gray-100-border-color{border-color: var(--wp--preset--color--gray-100) !important;}.has-gray-200-border-color{border-color: var(--wp--preset--color--gray-200) !important;}.has-gray-300-border-color{border-color: var(--wp--preset--color--gray-300) !important;}.has-gray-400-border-color{border-color: var(--wp--preset--color--gray-400) !important;}.has-gray-500-border-color{border-color: var(--wp--preset--color--gray-500) !important;}.has-gray-600-border-color{border-color: var(--wp--preset--color--gray-600) !important;}.has-gray-700-border-color{border-color: var(--wp--preset--color--gray-700) !important;}.has-gray-800-border-color{border-color: var(--wp--preset--color--gray-800) !important;}.has-gray-900-border-color{border-color: var(--wp--preset--color--gray-900) !important;}.has-gray-950-border-color{border-color: var(--wp--preset--color--gray-950) !important;}.has-zinc-50-border-color{border-color: var(--wp--preset--color--zinc-50) !important;}.has-zinc-100-border-color{border-color: var(--wp--preset--color--zinc-100) !important;}.has-zinc-200-border-color{border-color: var(--wp--preset--color--zinc-200) !important;}.has-zinc-300-border-color{border-color: var(--wp--preset--color--zinc-300) !important;}.has-zinc-400-border-color{border-color: var(--wp--preset--color--zinc-400) !important;}.has-zinc-500-border-color{border-color: var(--wp--preset--color--zinc-500) !important;}.has-zinc-600-border-color{border-color: var(--wp--preset--color--zinc-600) !important;}.has-zinc-700-border-color{border-color: var(--wp--preset--color--zinc-700) !important;}.has-zinc-800-border-color{border-color: var(--wp--preset--color--zinc-800) !important;}.has-zinc-900-border-color{border-color: var(--wp--preset--color--zinc-900) !important;}.has-zinc-950-border-color{border-color: var(--wp--preset--color--zinc-950) !important;}.has-neutral-border-color{border-color: var(--wp--preset--color--neutral) !important;}.has-stone-50-border-color{border-color: var(--wp--preset--color--stone-50) !important;}.has-stone-100-border-color{border-color: var(--wp--preset--color--stone-100) !important;}.has-stone-200-border-color{border-color: var(--wp--preset--color--stone-200) !important;}.has-stone-300-border-color{border-color: var(--wp--preset--color--stone-300) !important;}.has-stone-400-border-color{border-color: var(--wp--preset--color--stone-400) !important;}.has-stone-500-border-color{border-color: var(--wp--preset--color--stone-500) !important;}.has-stone-600-border-color{border-color: var(--wp--preset--color--stone-600) !important;}.has-stone-700-border-color{border-color: var(--wp--preset--color--stone-700) !important;}.has-stone-800-border-color{border-color: var(--wp--preset--color--stone-800) !important;}.has-stone-900-border-color{border-color: var(--wp--preset--color--stone-900) !important;}.has-stone-950-border-color{border-color: var(--wp--preset--color--stone-950) !important;}.has-red-50-border-color{border-color: var(--wp--preset--color--red-50) !important;}.has-red-100-border-color{border-color: var(--wp--preset--color--red-100) !important;}.has-red-200-border-color{border-color: var(--wp--preset--color--red-200) !important;}.has-red-300-border-color{border-color: var(--wp--preset--color--red-300) !important;}.has-red-400-border-color{border-color: var(--wp--preset--color--red-400) !important;}.has-red-500-border-color{border-color: var(--wp--preset--color--red-500) !important;}.has-red-600-border-color{border-color: var(--wp--preset--color--red-600) !important;}.has-red-700-border-color{border-color: var(--wp--preset--color--red-700) !important;}.has-red-800-border-color{border-color: var(--wp--preset--color--red-800) !important;}.has-red-900-border-color{border-color: var(--wp--preset--color--red-900) !important;}.has-red-950-border-color{border-color: var(--wp--preset--color--red-950) !important;}.has-orange-50-border-color{border-color: var(--wp--preset--color--orange-50) !important;}.has-orange-100-border-color{border-color: var(--wp--preset--color--orange-100) !important;}.has-orange-200-border-color{border-color: var(--wp--preset--color--orange-200) !important;}.has-orange-300-border-color{border-color: var(--wp--preset--color--orange-300) !important;}.has-orange-400-border-color{border-color: var(--wp--preset--color--orange-400) !important;}.has-orange-500-border-color{border-color: var(--wp--preset--color--orange-500) !important;}.has-orange-600-border-color{border-color: var(--wp--preset--color--orange-600) !important;}.has-orange-700-border-color{border-color: var(--wp--preset--color--orange-700) !important;}.has-orange-800-border-color{border-color: var(--wp--preset--color--orange-800) !important;}.has-orange-900-border-color{border-color: var(--wp--preset--color--orange-900) !important;}.has-orange-950-border-color{border-color: var(--wp--preset--color--orange-950) !important;}.has-amber-50-border-color{border-color: var(--wp--preset--color--amber-50) !important;}.has-amber-100-border-color{border-color: var(--wp--preset--color--amber-100) !important;}.has-amber-200-border-color{border-color: var(--wp--preset--color--amber-200) !important;}.has-amber-300-border-color{border-color: var(--wp--preset--color--amber-300) !important;}.has-amber-400-border-color{border-color: var(--wp--preset--color--amber-400) !important;}.has-amber-500-border-color{border-color: var(--wp--preset--color--amber-500) !important;}.has-amber-600-border-color{border-color: var(--wp--preset--color--amber-600) !important;}.has-amber-700-border-color{border-color: var(--wp--preset--color--amber-700) !important;}.has-amber-800-border-color{border-color: var(--wp--preset--color--amber-800) !important;}.has-amber-900-border-color{border-color: var(--wp--preset--color--amber-900) !important;}.has-amber-950-border-color{border-color: var(--wp--preset--color--amber-950) !important;}.has-yellow-50-border-color{border-color: var(--wp--preset--color--yellow-50) !important;}.has-yellow-100-border-color{border-color: var(--wp--preset--color--yellow-100) !important;}.has-yellow-200-border-color{border-color: var(--wp--preset--color--yellow-200) !important;}.has-yellow-300-border-color{border-color: var(--wp--preset--color--yellow-300) !important;}.has-yellow-400-border-color{border-color: var(--wp--preset--color--yellow-400) !important;}.has-yellow-500-border-color{border-color: var(--wp--preset--color--yellow-500) !important;}.has-yellow-600-border-color{border-color: var(--wp--preset--color--yellow-600) !important;}.has-yellow-700-border-color{border-color: var(--wp--preset--color--yellow-700) !important;}.has-yellow-800-border-color{border-color: var(--wp--preset--color--yellow-800) !important;}.has-yellow-900-border-color{border-color: var(--wp--preset--color--yellow-900) !important;}.has-yellow-950-border-color{border-color: var(--wp--preset--color--yellow-950) !important;}.has-lime-50-border-color{border-color: var(--wp--preset--color--lime-50) !important;}.has-lime-100-border-color{border-color: var(--wp--preset--color--lime-100) !important;}.has-lime-200-border-color{border-color: var(--wp--preset--color--lime-200) !important;}.has-lime-300-border-color{border-color: var(--wp--preset--color--lime-300) !important;}.has-lime-400-border-color{border-color: var(--wp--preset--color--lime-400) !important;}.has-lime-500-border-color{border-color: var(--wp--preset--color--lime-500) !important;}.has-lime-600-border-color{border-color: var(--wp--preset--color--lime-600) !important;}.has-lime-700-border-color{border-color: var(--wp--preset--color--lime-700) !important;}.has-lime-800-border-color{border-color: var(--wp--preset--color--lime-800) !important;}.has-lime-900-border-color{border-color: var(--wp--preset--color--lime-900) !important;}.has-lime-950-border-color{border-color: var(--wp--preset--color--lime-950) !important;}.has-green-50-border-color{border-color: var(--wp--preset--color--green-50) !important;}.has-green-100-border-color{border-color: var(--wp--preset--color--green-100) !important;}.has-green-200-border-color{border-color: var(--wp--preset--color--green-200) !important;}.has-green-300-border-color{border-color: var(--wp--preset--color--green-300) !important;}.has-green-400-border-color{border-color: var(--wp--preset--color--green-400) !important;}.has-green-500-border-color{border-color: var(--wp--preset--color--green-500) !important;}.has-green-600-border-color{border-color: var(--wp--preset--color--green-600) !important;}.has-green-700-border-color{border-color: var(--wp--preset--color--green-700) !important;}.has-green-800-border-color{border-color: var(--wp--preset--color--green-800) !important;}.has-green-900-border-color{border-color: var(--wp--preset--color--green-900) !important;}.has-green-950-border-color{border-color: var(--wp--preset--color--green-950) !important;}.has-emerald-50-border-color{border-color: var(--wp--preset--color--emerald-50) !important;}.has-emerald-100-border-color{border-color: var(--wp--preset--color--emerald-100) !important;}.has-emerald-200-border-color{border-color: var(--wp--preset--color--emerald-200) !important;}.has-emerald-300-border-color{border-color: var(--wp--preset--color--emerald-300) !important;}.has-emerald-400-border-color{border-color: var(--wp--preset--color--emerald-400) !important;}.has-emerald-500-border-color{border-color: var(--wp--preset--color--emerald-500) !important;}.has-emerald-600-border-color{border-color: var(--wp--preset--color--emerald-600) !important;}.has-emerald-700-border-color{border-color: var(--wp--preset--color--emerald-700) !important;}.has-emerald-800-border-color{border-color: var(--wp--preset--color--emerald-800) !important;}.has-emerald-900-border-color{border-color: var(--wp--preset--color--emerald-900) !important;}.has-emerald-950-border-color{border-color: var(--wp--preset--color--emerald-950) !important;}.has-teal-50-border-color{border-color: var(--wp--preset--color--teal-50) !important;}.has-teal-100-border-color{border-color: var(--wp--preset--color--teal-100) !important;}.has-teal-200-border-color{border-color: var(--wp--preset--color--teal-200) !important;}.has-teal-300-border-color{border-color: var(--wp--preset--color--teal-300) !important;}.has-teal-400-border-color{border-color: var(--wp--preset--color--teal-400) !important;}.has-teal-500-border-color{border-color: var(--wp--preset--color--teal-500) !important;}.has-teal-600-border-color{border-color: var(--wp--preset--color--teal-600) !important;}.has-teal-700-border-color{border-color: var(--wp--preset--color--teal-700) !important;}.has-teal-800-border-color{border-color: var(--wp--preset--color--teal-800) !important;}.has-teal-900-border-color{border-color: var(--wp--preset--color--teal-900) !important;}.has-teal-950-border-color{border-color: var(--wp--preset--color--teal-950) !important;}.has-cyan-50-border-color{border-color: var(--wp--preset--color--cyan-50) !important;}.has-cyan-100-border-color{border-color: var(--wp--preset--color--cyan-100) !important;}.has-cyan-200-border-color{border-color: var(--wp--preset--color--cyan-200) !important;}.has-cyan-300-border-color{border-color: var(--wp--preset--color--cyan-300) !important;}.has-cyan-400-border-color{border-color: var(--wp--preset--color--cyan-400) !important;}.has-cyan-500-border-color{border-color: var(--wp--preset--color--cyan-500) !important;}.has-cyan-600-border-color{border-color: var(--wp--preset--color--cyan-600) !important;}.has-cyan-700-border-color{border-color: var(--wp--preset--color--cyan-700) !important;}.has-cyan-800-border-color{border-color: var(--wp--preset--color--cyan-800) !important;}.has-cyan-900-border-color{border-color: var(--wp--preset--color--cyan-900) !important;}.has-cyan-950-border-color{border-color: var(--wp--preset--color--cyan-950) !important;}.has-sky-50-border-color{border-color: var(--wp--preset--color--sky-50) !important;}.has-sky-100-border-color{border-color: var(--wp--preset--color--sky-100) !important;}.has-sky-200-border-color{border-color: var(--wp--preset--color--sky-200) !important;}.has-sky-300-border-color{border-color: var(--wp--preset--color--sky-300) !important;}.has-sky-400-border-color{border-color: var(--wp--preset--color--sky-400) !important;}.has-sky-500-border-color{border-color: var(--wp--preset--color--sky-500) !important;}.has-sky-600-border-color{border-color: var(--wp--preset--color--sky-600) !important;}.has-sky-700-border-color{border-color: var(--wp--preset--color--sky-700) !important;}.has-sky-800-border-color{border-color: var(--wp--preset--color--sky-800) !important;}.has-sky-900-border-color{border-color: var(--wp--preset--color--sky-900) !important;}.has-sky-950-border-color{border-color: var(--wp--preset--color--sky-950) !important;}.has-blue-50-border-color{border-color: var(--wp--preset--color--blue-50) !important;}.has-blue-100-border-color{border-color: var(--wp--preset--color--blue-100) !important;}.has-blue-200-border-color{border-color: var(--wp--preset--color--blue-200) !important;}.has-blue-300-border-color{border-color: var(--wp--preset--color--blue-300) !important;}.has-blue-400-border-color{border-color: var(--wp--preset--color--blue-400) !important;}.has-blue-500-border-color{border-color: var(--wp--preset--color--blue-500) !important;}.has-blue-600-border-color{border-color: var(--wp--preset--color--blue-600) !important;}.has-blue-700-border-color{border-color: var(--wp--preset--color--blue-700) !important;}.has-blue-800-border-color{border-color: var(--wp--preset--color--blue-800) !important;}.has-blue-900-border-color{border-color: var(--wp--preset--color--blue-900) !important;}.has-blue-950-border-color{border-color: var(--wp--preset--color--blue-950) !important;}.has-indigo-50-border-color{border-color: var(--wp--preset--color--indigo-50) !important;}.has-indigo-100-border-color{border-color: var(--wp--preset--color--indigo-100) 
2783!important;}.has-indigo-200-border-color{border-color: var(--wp--preset--color--indigo-200) !important;}.has-indigo-300-border-color{border-color: var(--wp--preset--color--indigo-300) !important;}.has-indigo-400-border-color{border-color: var(--wp--preset--color--indigo-400) !important;}.has-indigo-500-border-color{border-color: var(--wp--preset--color--indigo-500) !important;}.has-indigo-600-border-color{border-color: var(--wp--preset--color--indigo-600) !important;}.has-indigo-700-border-color{border-color: var(--wp--preset--color--indigo-700) !important;}.has-indigo-800-border-color{border-color: var(--wp--preset--color--indigo-800) !important;}.has-indigo-900-border-color{border-color: var(--wp--preset--color--indigo-900) !important;}.has-indigo-950-border-color{border-color: var(--wp--preset--color--indigo-950) !important;}.has-violet-50-border-color{border-color: var(--wp--preset--color--violet-50) !important;}.has-violet-100-border-color{border-color: var(--wp--preset--color--violet-100) !important;}.has-violet-200-border-color{border-color: var(--wp--preset--color--violet-200) !important;}.has-violet-300-border-color{border-color: var(--wp--preset--color--violet-300) !important;}.has-violet-400-border-color{border-color: var(--wp--preset--color--violet-400) !important;}.has-violet-500-border-color{border-color: var(--wp--preset--color--violet-500) !important;}.has-violet-600-border-color{border-color: var(--wp--preset--color--violet-600) !important;}.has-violet-700-border-color{border-color: var(--wp--preset--color--violet-700) !important;}.has-violet-800-border-color{border-color: var(--wp--preset--color--violet-800) !important;}.has-violet-900-border-color{border-color: var(--wp--preset--color--violet-900) !important;}.has-violet-950-border-color{border-color: var(--wp--preset--color--violet-950) !important;}.has-purple-50-border-color{border-color: var(--wp--preset--color--purple-50) !important;}.has-purple-100-border-color{border-color: var(--wp--preset--color--purple-100) !important;}.has-purple-200-border-color{border-color: var(--wp--preset--color--purple-200) !important;}.has-purple-300-border-color{border-color: var(--wp--preset--color--purple-300) !important;}.has-purple-400-border-color{border-color: var(--wp--preset--color--purple-400) !important;}.has-purple-500-border-color{border-color: var(--wp--preset--color--purple-500) !important;}.has-purple-600-border-color{border-color: var(--wp--preset--color--purple-600) !important;}.has-purple-700-border-color{border-color: var(--wp--preset--color--purple-700) !important;}.has-purple-800-border-color{border-color: var(--wp--preset--color--purple-800) !important;}.has-purple-900-border-color{border-color: var(--wp--preset--color--purple-900) !important;}.has-purple-950-border-color{border-color: var(--wp--preset--color--purple-950) !important;}.has-fuchsia-50-border-color{border-color: var(--wp--preset--color--fuchsia-50) !important;}.has-fuchsia-100-border-color{border-color: var(--wp--preset--color--fuchsia-100) !important;}.has-fuchsia-200-border-color{border-color: var(--wp--preset--color--fuchsia-200) !important;}.has-fuchsia-300-border-color{border-color: var(--wp--preset--color--fuchsia-300) !important;}.has-fuchsia-400-border-color{border-color: var(--wp--preset--color--fuchsia-400) !important;}.has-fuchsia-500-border-color{border-color: var(--wp--preset--color--fuchsia-500) !important;}.has-fuchsia-600-border-color{border-color: var(--wp--preset--color--fuchsia-600) !important;}.has-fuchsia-700-border-color{border-color: var(--wp--preset--color--fuchsia-700) !important;}.has-fuchsia-800-border-color{border-color: var(--wp--preset--color--fuchsia-800) !important;}.has-fuchsia-900-border-color{border-color: var(--wp--preset--color--fuchsia-900) !important;}.has-fuchsia-950-border-color{border-color: var(--wp--preset--color--fuchsia-950) !important;}.has-pink-50-border-color{border-color: var(--wp--preset--color--pink-50) !important;}.has-pink-100-border-color{border-color: var(--wp--preset--color--pink-100) !important;}.has-pink-200-border-color{border-color: var(--wp--preset--color--pink-200) !important;}.has-pink-300-border-color{border-color: var(--wp--preset--color--pink-300) !important;}.has-pink-400-border-color{border-color: var(--wp--preset--color--pink-400) !important;}.has-pink-500-border-color{border-color: var(--wp--preset--color--pink-500) !important;}.has-pink-600-border-color{border-color: var(--wp--preset--color--pink-600) !important;}.has-pink-700-border-color{border-color: var(--wp--preset--color--pink-700) !important;}.has-pink-800-border-color{border-color: var(--wp--preset--color--pink-800) !important;}.has-pink-900-border-color{border-color: var(--wp--preset--color--pink-900) !important;}.has-pink-950-border-color{border-color: var(--wp--preset--color--pink-950) !important;}.has-rose-50-border-color{border-color: var(--wp--preset--color--rose-50) !important;}.has-rose-100-border-color{border-color: var(--wp--preset--color--rose-100) !important;}.has-rose-200-border-color{border-color: var(--wp--preset--color--rose-200) !important;}.has-rose-300-border-color{border-color: var(--wp--preset--color--rose-300) !important;}.has-rose-400-border-color{border-color: var(--wp--preset--color--rose-400) !important;}.has-rose-500-border-color{border-color: var(--wp--preset--color--rose-500) !important;}.has-rose-600-border-color{border-color: var(--wp--preset--color--rose-600) !important;}.has-rose-700-border-color{border-color: var(--wp--preset--color--rose-700) !important;}.has-rose-800-border-color{border-color: var(--wp--preset--color--rose-800) !important;}.has-rose-900-border-color{border-color: var(--wp--preset--color--rose-900) !important;}.has-rose-950-border-color{border-color: var(--wp--preset--color--rose-950) !important;}.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-primary-content-border-color{border-color: var(--wp--preset--color--primary-content) !important;}.has-secondary-border-color{border-color: var(--wp--preset--color--secondary) !important;}.has-secondary-content-border-color{border-color: var(--wp--preset--color--secondary-content) !important;}.has-accent-border-color{border-color: var(--wp--preset--color--accent) !important;}.has-accent-content-border-color{border-color: var(--wp--preset--color--accent-content) !important;}.has-neutral-content-border-color{border-color: var(--wp--preset--color--neutral-content) !important;}.has-base-100-border-color{border-color: var(--wp--preset--color--base-100) !important;}.has-base-200-border-color{border-color: var(--wp--preset--color--base-200) !important;}.has-base-300-border-color{border-color: var(--wp--preset--color--base-300) !important;}.has-base-content-border-color{border-color: var(--wp--preset--color--base-content) !important;}.has-info-border-color{border-color: var(--wp--preset--color--info) !important;}.has-info-content-border-color{border-color: var(--wp--preset--color--info-content) !important;}.has-success-border-color{border-color: var(--wp--preset--color--success) !important;}.has-success-content-border-color{border-color: var(--wp--preset--color--success-content) !important;}.has-warning-border-color{border-color: var(--wp--preset--color--warning) !important;}.has-warning-content-border-color{border-color: var(--wp--preset--color--warning-content) !important;}.has-error-border-color{border-color: var(--wp--preset--color--error) !important;}.has-error-content-border-color{border-color: var(--wp--preset--color--error-content) !important;}.has-neutral-50-border-color{border-color: var(--wp--preset--color--neutral-50) !important;}.has-neutral-100-border-color{border-color: var(--wp--preset--color--neutral-100) !important;}.has-neutral-200-border-color{border-color: var(--wp--preset--color--neutral-200) !important;}.has-neutral-300-border-color{border-color: var(--wp--preset--color--neutral-300) !important;}.has-neutral-400-border-color{border-color: var(--wp--preset--color--neutral-400) !important;}.has-neutral-500-border-color{border-color: var(--wp--preset--color--neutral-500) !important;}.has-neutral-600-border-color{border-color: var(--wp--preset--color--neutral-600) !important;}.has-neutral-700-border-color{border-color: var(--wp--preset--color--neutral-700) !important;}.has-neutral-800-border-color{border-color: var(--wp--preset--color--neutral-800) !important;}.has-neutral-900-border-color{border-color: var(--wp--preset--color--neutral-900) !important;}.has-neutral-950-border-color{border-color: var(--wp--preset--color--neutral-950) !important;}.has-bati-border-color{border-color: var(--wp--preset--color--bati) !important;}.has-agri-border-color{border-color: var(--wp--preset--color--agri) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
2783.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-xs-font-size{font-size: var(--wp--preset--font-size--xs) !important;}.has-sm-font-size{font-size: var(--wp--preset--font-size--sm) !important;}.has-base-font-size{font-size: var(--wp--preset--font-size--base) !important;}.has-lg-font-size{font-size: var(--wp--preset--font-size--lg) !important;}.has-xl-font-size{font-size: var(--wp--preset--font-size--xl) !important;}.has-2-xl-font-size{font-size: var(--wp--preset--font-size--2-xl) !important;}.has-3-xl-font-size{font-size: var(--wp--preset--font-size--3-xl) !important;}.has-4-xl-font-size{font-size: var(--wp--preset--font-size--4-xl) !important;}.has-5-xl-font-size{font-size: var(--wp--preset--font-size--5-xl) !important;}.has-6-xl-font-size{font-size: var(--wp--preset--font-size--6-xl) !important;}.has-7-xl-font-size{font-size: var(--wp--preset--font-size--7-xl) !important;}.has-8-xl-font-size{font-size: var(--wp--preset--font-size--8-xl) !important;}.has-9-xl-font-size{font-size: var(--wp--preset--font-size--9-xl) !important;}.has-sans-font-family{font-family: var(--wp--preset--font-family--sans) !important;}
2784/*# sourceURL=global-styles-inline-css */
2785</style>
2786<script src="https://vipros.fr/app/themes/vipros/resources/scripts/libraries/swiper.min.js?ver=11.0.0" id="swiper-js-js"></script>
vendor: 1 bytes, line 2786
2786
2787<script id="cmplz-cookiebanner-js-extra">
2788var complianz = {"prefix":"cmplz_","debug":"","user_banner_id":"1","set_cookies":[],"block_ajax_content":"0","banner_version":"31","version":"7.5.5","store_consent":"","do_not_track_enabled":"","consenttype":"optin","region":"eu","geoip":"","dismiss_timeout":"","disable_cookiebanner":"","soft_cookiewall":"","dismiss_on_scroll":"","cookie_expiry":"365","url":"https://vipros.fr/wp-json/complianz/v1/","locale":"lang=fr&locale=fr_FR","set_cookies_on_root":"0","cookie_domain":"","current_policy_id":"36","cookie_path":"/","categories":{"statistics":"statistics","marketing":"marketing"},"tcf_active":"","placeholdertext":"Click to accept {category} cookies and enable this content","css_file":"https://vipros.fr/app/uploads/complianz/css/banner-{banner_id}-{type}.css?v=31","page_links":{"eu":{"cookie-statement":{"title":"Cookies","url":"https://vipros.fr/cookies/"},"privacy-statement":{"title":"Politique de protection des donn\u00e9es \u00e0 caract\u00e8re personnel","url":"https://vipros.fr/protection-des-donnees-personnelles/"}}},"tm_categories":"","forceEnableStats":"","preview":"","clean_cookies":"","aria_label":"Click to accept {category} cookies and enable this content","iapi_nav":"fallback"};
2789//# sourceURL=cmplz-cookiebanner-js-extra
2790</script>
vendor: 1 bytes, line 2790
2790
2791<script data-navigate-once defer src="https://vipros.fr/app/plugins/complianz-gdpr/cookiebanner/js/complianz.min.js?ver=1784883254" id="cmplz-cookiebanner-js"></script>
vendor: 101 bytes, lines 2791-2793
2791
2792				<script async data-category="statistics"
2793						src="https://www.googletagmanager.com/gtag/js?id=
2793G-9PBB6CYKW9
vendor: 18 bytes, lines 2793-2794
2793"></script>
2794						
2794<!-- Statistics script Complianz GDPR/CCPA -->
2795						
2795<script type="text/plain"							data-category="statistics">window['gtag_enable_tcf_support'] = false;
vendor: 127 bytes, lines 2796-2799
2796window.dataLayer = window.dataLayer || [];
2797function gtag(){dataLayer.push(arguments);}
2798gtag('js', new Date());
2799gtag('config', '
2799G-9PBB6CYKW9
vendor: 49 bytes, lines 2799-2802
2799', {
2800	cookie_flags:'secure;samesite=none',
2801	
2802});
2803</script>
2803
2804													
2804<script type="text/plain" data-category="marketing">window.dataLayer = window.dataLayer || [];
2805function gtag(){dataLayer.push(arguments);}
2806gtag('js', new Date());
2807gtag('config', '' );
2808gtag('config', 'GTM-K7GZ7RK7', {
2809	cookie_flags:'secure;samesite=none'
2810});
2811</script>
2811
2812						        <div>
2813    <div x-persist="mary-toaster">
2814    <div
2815        x-cloak
2816        x-data="{
2817            show: false,
2818            toast: {},
2819            timer: null,
2820            interval: null,
2821
2822            maxProgress: 100,
2823            progress: 100,
2824            initialProgress: 0,
2825
2826            startTime: 0,
2827            remaining: 0,
2828
2829            start(toast) {
2830                this.clearTimers();
2831
2832                this.toast = toast;
2833                this.progress = this.maxProgress;
2834
2835                this.remaining = toast.timeout;
2836
2837                this.initialProgress = this.progress;
2838                this.startTime = Date.now();
2839
2840                // delay for DOM initiation
2841                setTimeout(() => this.show = true, 50);
2842
2843                this.startProgress();
2844                this.startCloseTimer();
2845            },
2846
2847            startProgress() {
2848                if (this.toast.noProgress) return;
2849
2850                const intervalRefreshRate = 8;
2851                this.startTime = Date.now();
2852
2853                const startProgressValue = this.initialProgress;
2854
2855                this.interval = setInterval(() => {
2856                    const elapsed = Date.now() - this.startTime;
2857                    const ratio = elapsed / this.remaining;
2858
2859                    this.progress = startProgressValue * (1 - ratio);
2860
2861                    if (this.progress <= 0) {
2862                        this.progress = 0;
2863                        clearInterval(this.interval);
2864                        this.interval = null;
2865                    }
2866                }, intervalRefreshRate);
2867            },
2868
2869            startCloseTimer() {
2870                this.startTime = Date.now();
2871
2872                this.timer = setTimeout(() => {
2873                    this.close();
2874                }, this.remaining);
2875            },
2876
2877            pause() {
2878                if (!this.show) return;
2879
2880                const elapsed = Date.now() - this.startTime;
2881                this.remaining -= elapsed;
2882
2883                this.initialProgress = this.progress;
2884
2885                this.clearTimers();
2886            },
2887
2888            resume() {
2889                if (!this.show || this.remaining <= 0) return;
2890
2891                this.startProgress();
2892                this.startCloseTimer();
2893            },
2894
2895            close() {
2896                this.show = false;
2897                this.clearTimers();
2898            },
2899
2900            clearTimers() {
2901                clearTimeout(this.timer);
2902                clearInterval(this.interval);
2903                this.timer = null;
2904                this.interval = null;
2905            }
2906        }"
2907        @mary-toast.window="start($event.detail.toast)"
2908    >
2909        <div
2910            class="toast !whitespace-normal rounded-box fixed cursor-pointer z-[999] overflow-hidden"
2911            :class="toast.position || 'toast-top toast-center'"
2912            x-show="show"
2913            @mouseenter="pause()"
2914            @mouseleave="resume()"
2915            x-classes="alert alert-success alert-warning alert-error alert-info top-10 end-10 toast toast-top toast-bottom toast-center toast-end toast-middle toast-start"
2916            @click="show = false; clearInterval(interval)"
2917        >
2918            <div class="alert gap-2" :class="toast.css">
2919                <div x-html="toast.icon" class="hidden sm:inline-block"></div>
2920                <div class="grid">
2921                    <div x-html="toast.title" class="font-bold"></div>
2922                    <div x-html="toast.description" class="text-xs"></div>
2923                </div>
2924            </div>
2925            <progress
2926                x-show="!toast.noProgress"
2927                class="-mt-3 h-1 w-full progress"
2928                :class="toast.progressClass"
2929                :max="maxProgress"
2930                :value="progress">
2931            </progress>
2932        </div>
2933    </div>
2934
2935    
2935<script>
2936        window.toast = function(payload){
2937            window.dispatchEvent(new CustomEvent('mary-toast', {detail: payload}))
2938        }
2939
2940        document.addEventListener('livewire:init', () => {
2941            Livewire.hook('request', ({fail}) => {
2942                fail(({status, content, preventDefault}) => {
2943                    try {
2944                        let result = JSON.parse(content);
2945
2946                        if (result?.toast && typeof window.toast === "function") {
2947                            window.toast(result);
2948                        }
2949
2950                        if ((result?.prevent_default ?? false) === true) {
2951                            preventDefault();
2952                        }
2953                    } catch (e) {
2954                        console.log(e)
2955                    }
2956                })
2957            })
2958        })
2959    </script>
2959
2960    </div>
2961</div>    <div wire:snapshot="{&quot;data&quot;:{&quot;showDrawer&quot;:false,&quot;activeComponent&quot;:null,&quot;componentData&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;componentKey&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;6gDTAbhLFetZXTuG9EZh&quot;,&quot;name&quot;:&quot;components.drawer-container&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;fr_FR&quot;},&quot;checksum&quot;:&quot;f9a50b2618d8e714edb09934ad696136409e85023f9570a2023887ec6e3cb904&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;openDrawer&quot;,&quot;closeDrawer&quot;]}" wire:id="6gDTAbhLFetZXTuG9EZh">
2962        <div
2963        x-data="{
2964            open:
2965                                    window.Livewire.find('6gDTAbhLFetZXTuG9EZh').entangle('showDrawer')                            ,
2966            close() {
2967                this.open = false
2968                $refs.checkbox.checked = false
2969            }
2970        }"
2971
2972        x-init="$watch('open', value => { if (!value){ $dispatch('close') }else{ $dispatch('open') } })"
2973
2974                    @keydown.window.escape="close()"
2975        
2976                    x-trap="open" x-bind:inert="!open"
2977        
2978        class="drawer absolute z-50 drawer-end"
2979
2980        
2981    >
2982        <!-- Toggle visibility  -->
2983        <input
2984            id="dynamicDrawer"
2985            x-model="open"
2986            x-ref="checkbox"
2987            type="checkbox"
2988            class="drawer-toggle" />
2989
2990        <div class="drawer-side" >
2991            <!-- Overlay effect , click outside -->
2992            <!--[if BLOCK]><![endif]-->                <label for="dynamicDrawer" class="drawer-overlay"></label>
2993            <!--[if ENDBLOCK]><![endif]-->
2994            <!-- Content -->
2995            <div
2996        class="card bg-base-100 p-5 min-h-screen rounded-none px-8 w-full max-w-xl bg-base-100" wire:key="drawer
2996-card"
2997    >
2998        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2999        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
3000        <div class="grow-1 null">
3001            <!--[if BLOCK]><![endif]-->                                     <!--[if ENDBLOCK]><![endif]-->
3002                <!--[if BLOCK]><![endif]-->                <div class="flex items-center justify-center h-full">
3003                    <span class="loading"></span>                </div>
3004            <!--[if ENDBLOCK]><![endif]-->
3005
3006                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
3007        </div>
3008
3009        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </div>        </div>
3010    </div>    </div>    
3011            
3012    
3013    
3013<script>
3014        document.addEventListener('livewire:navigate', (event) => {
3015            Livewire.dispatch('resetModalStates');
3016        });
3017
3018        document.addEventListener('livewire:navigating', () => {
3019            Livewire.dispatch('resetModalStates');
3020        });
3021
3022        document.addEventListener('livewire:navigated', () => {
3023            Livewire.dispatch('resetModalStates');
3024        });
3025    </script>
3025
3026</body>
3027
3028</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.