PageSourceSearch

https://vipros.fr/offres-cashback

html vipros.fr collected 2026-10-04 22:35:55 UTC 352,550 bytes, 3,219 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>Offres cashback &#8211; VIPros</title>
12	<meta name="description" content="Profitez des offres Cashback exclusives VIPros ! Achetez des produits éligibles, enregistrez vos factures et recevez un remboursement rapide sur votre cagnotte. Décagnottez facilement vers votre compte bancaire pro et boostez votre pouvoir d&#039;achat. Découvrez les offres du moment et économisez dès aujourd’hui !" />
13	<link rel="canonical" href="https://vipros.fr/offres-cashback/" />
14	<meta property="og:locale" content="fr_FR" />
15	<meta property="og:type" content="article" />
16	<meta property="og:title" content="Offres cashback &#8211; VIPros" />
17	<meta property="og:description" content="Profitez des offres Cashback exclusives VIPros ! Achetez des produits éligibles, enregistrez vos factures et recevez un remboursement rapide sur votre cagnotte. Décagnottez facilement vers votre compte bancaire pro et boostez votre pouvoir d&#039;achat. Découvrez les offres du moment et économisez dès aujourd’hui !" />
18	<meta property="og:url" content="https://vipros.fr/offres-cashback/" />
19	<meta property="og:site_name" content="VIPros" />
20	<meta property="article:modified_time" content="2026-08-13T12:08:43+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/offres-cashback/","url":"https://vipros.fr/offres-cashback/","name":"Offres cashback &#8211; VIPros","isPartOf":{"@id":"https://vipros.fr/#website"},"datePublished":"2024-10-21T11:58:30+00:00","dateModified":"2026-08-13T12:08:43+00:00","description":"Profitez des offres Cashback exclusives VIPros ! Achetez des produits éligibles, enregistrez vos factures et recevez un remboursement rapide sur votre cagnotte. Décagnottez facilement vers votre compte bancaire pro et boostez votre pouvoir d'achat. Découvrez les offres du moment et économisez dès aujourd’hui !","breadcrumb":{"@id":"https://vipros.fr/offres-cashback/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https://vipros.fr/offres-cashback/"]}]},{"@type":"BreadcrumbList","@id":"https://vipros.fr/offres-cashback/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://vipros.fr/"},{"@type":"ListItem","position":2,"name":"Offres cashback"}]},{"@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            <style>
77            [x-cloak] { display: none !important; }
78            /* barre de progression : pilotée en JS via el.style.animation */
79            @keyframes hiwFill { from { width: 0%; } to { width: 100%; } }
80            /* état actif du dot (classe is-active posée par Swiper) */
81            .hiw-dot.is-active { width: 1.5rem; background-color: var(--color-primary); }
82        </style>
83        <!-- 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>
84</head>
85
86<body class="wp-singular page-template-default page page-id-483 wp-embed-responsive wp-theme-vipros bg-white offres-cashback" x-data="{
87    isPageLoading: true,
88    isNavigating: false, // Track the events wire.navigate
89    externalFooterHeight: 0,
90    init() {
91        // Initial page load
92        window.addEventListener('load', () => {
93            this.isPageLoading = false;
94        });
95
96        // Padding du <main> calé sur la hauteur reelle du footer externe (fixed), pas une valeur codee en dur
97        // $nextTick : le footer est plus bas dans le DOM, pas encore lie par Alpine au moment de ce init()
98        this.$nextTick(() => {
99            if (this.$refs.externalFooter) {
100                const footer = this.$refs.externalFooter;
101                const observer = new ResizeObserver(() => {
102                    this.externalFooterHeight = footer.offsetHeight;
103                });
104                observer.observe(footer);
105            }
106        });
107
108        // Livewire navigation events
109        document.addEventListener('livewire:navigate', () => {
110            this.isNavigating = true;
111        });
112
113        // Livewire navigation events
114        document.addEventListener('livewire:navigating', () => {
115            this.isNavigating = true;
116        });
117
118        document.addEventListener('livewire:navigated', () => {
119            this.isNavigating = false;
120            this.isPageLoading = false;
121        });
122    }
123}">
124    
125    
126    <div x-show="isPageLoading" x-transition.opacity.duration.500ms class="fixed inset-0 z-50 flex items-center justify-center bg-white">
127        <span class="loading text-primary loading-lg"></span>    </div>
128
129    
130    <div x-show="isNavigating " x-transition.opacity.duration.500ms class="fixed inset-0 z-50 flex items-center justify-center bg-white/90">
131        <span class="loading text-primary loading-lg"></span>    </div>
132
133    <div id="app" class="flex flex-col min-h-screen" x-cloak>
134
135                                    <header class="sticky top-0 z-50 w-full bg-secondary/95 shadow-md backdrop-blur-sm">
136    <div class="container">
137        <div class="grid grid-cols-2 items-center gap-4 py-2 lg:grid-cols-3 xl:grid-cols-12">
138            
139            <div class="flex items-center xl:col-span-3">
140                <a wire:navigate="" class="rounded-md  flex items-end gap-2" href="https://vipros.fr" x-scroll-to>
141            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 639.51 154.02" role="img" aria-label="Logo VIPros" class="w-28">
142    <path class="fill-white"
143        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-
14358.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" />
144    <circle cx="479.64" cy="95.32" r="24.87" class="fill-accent" />
145    <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" />
146</svg>
147                    <h2 class="hidden text-sm font-bold leading-none text-white uppercase lg:block">Avantages aux pros&nbsp;!</h2>
148    </a>
149            </div>
150
151            
152            <div class="hidden lg:flex xl:col-span-5 2xl:col-span-6">
153                <button type="button" @click.stop="$dispatch('mary-search-open')" aria-label="Rechercher une offre, une marque ou un produit"
154                    x-data="{ isMac: /Mac|iPhone|iPad|iPod/.test(navigator.platform) }"
155                    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">
156                    <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">
157  <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"/>
158</svg>
159                        <span class="flex-1 truncate">Rechercher une offre, marque, un produit...</span>
160                    <kbd x-show="isMac" class="kbd kbd-sm border-base-200 bg-base-200 text-neutral">⌘&nbsp;G</kbd>
161                </button>
162            </div>
163
164            
165            <div class="flex justify-end gap-3 xl:col-span-4 2xl:col-span-3">
166                <button
167    
168        wire:key="mary080e3175287d897a9029aaf1a0709164"
169        type="button" @click.stop="$dispatch('mary-search-open')" aria-label="Rechercher"
170        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"
171
172        
173        
174        
175            >
176
177        <!-- SPINNER LEFT -->
178        
179        <!-- ICON -->
180                    <span class="block" >
181                <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">
182  <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"/>
183</svg>
184                </span>
185        
186        <!-- LABEL / SLOT -->
187                    
188        
189        <!-- ICON RIGHT -->
190        
191        <!-- SPINNER RIGHT -->
192        
193            </button>
194    
195                                    <div class="hidden gap-3 lg:flex">
196                        <a href="https://vipros.fr/se-connecter"
197    
198        wire:key="mary4bf5af86502ed1175bfa7f3d4b5c3d0d"
199        type="button"
200        class="btn text-white btn-sm btn-ghost hover:bg-white/10 hover:text-accent"
201
202        
203                    wire:navigate
204        
205        
206            >
207
208        <!-- SPINNER LEFT -->
209        
210        <!-- ICON -->
211        
212        <!-- LABEL / SLOT -->
213                    <span class="">
214                Se connecter
215            </span>
216                    
217        <!-- ICON RIGHT -->
218        
219        <!-- SPINNER RIGHT -->
220        
221            </a>
222                            <a href="https://vipros.fr/inscription"
223    
224        wire:key="marye6800444001a3549fe70962559c51c9c"
225        type="button"
226        class="btn font-bold !uppercase btn-sm btn-accent"
227
228        
229                    wire:navigate
230        
231        
232            >
233
234        <!-- SPINNER LEFT -->
235        
236        <!-- ICON -->
237        
238        <!-- LABEL / SLOT -->
239                    <span class="">
240                Rejoindre le club
241            </span>
242                    
243        <!-- ICON RIGHT -->
244                    <span class="block" >
245                <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">
246  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
247</svg>
248                </span>
249        
250        <!-- SPINNER RIGHT -->
251        
252            </a>
253                        </div>
254                
255                <div wire:snapshot="{&quot;data&quot;:{&quot;open&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;Oy0NlUeKcdzfYT8oZRfx&quot;,&quot;name&quot;:&quot;components.menu-modal&quot;,&quot;path&quot;:&quot;offres-cashback&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;279d714e74031eace1450a05b441460d2e8f55813f5e221a04a716a34f5dad99&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;resetModalStates&quot;]}" wire:id="Oy0NlUeKcdzfYT8oZRfx" x-data="{ open: false }" x-on:open-menu-modal.window="open = true" x-on:close-menu-modal.window="open = false">
256    <!--[if BLOCK]><![endif]-->        <button
257    
258        wire:key="mary163948ab67b89d5cf95ea0943eb3099f"
259        type="button" wire:click="$toggle('open')" aria-label="Ouvrir le menu"
260        class="btn flex justify-center text-white lg:hidden btn-sm btn-circle btn-ghost" wire:click="$toggle('open')" aria-label="Ouvrir le menu"
261
262        
263        
264        
265            >
266
267        <!-- SPINNER LEFT -->
268        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
269        <!-- ICON -->
270        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
271        <!-- LABEL / SLOT -->
272        <!--[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">
273  <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 9h16.5m-16.5 6.75h16.5"/>
274</svg>
275    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
276        <!--[if ENDBLOCK]><![endif]-->
277        <!-- ICON RIGHT -->
278        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
279        <!-- SPINNER RIGHT -->
280        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
281    <!--[if BLOCK]><![endif]-->        </button>
282    <!--[if ENDBLOCK]><![endif]-->    <template x-teleport="body">
283        <dialog
284    class="modal items-start pt-[10px] backdrop-blur space-y-6"
285
286            x-data="{open: window.Livewire.find('Oy0NlUeKcdzfYT8oZRfx').entangle('open').live }"
287        x-init="$watch('open', value => { if (!value){ $dispatch('close') }else{ $dispatch('open') } })"
288        :class="{'modal-open !animate-none': open}"
289        :open="open"
290                    @keydown.escape.window = "$wire.open = false"
291            
292            x-trap="open" x-bind:inert="!open"
293    >
294    <div class="modal-box bg-white">
295        <!--[if BLOCK]><![endif]-->            <form method="dialog" tabindex="-1">
296                <!--[if BLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]-->        <button
297    
298        wire:key="maryeb7dfc4cd6dac92d14eead70d278ee4b"
299        type="button" @click="$wire.open = false" tabindex="-1"
300        class="btn btn-circle btn-sm btn-ghost absolute end-2 top-2 z-[999]" @click="$wire.open = false" tabindex="-1"
301
302        
303        
304        
305            >
306
307        <!-- SPINNER LEFT -->
308        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
309        <!-- ICON -->
310        <!--[if BLOCK]><![endif]-->            <span class="block" >
311                <!--[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">
312  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 
31218 6M6 6l12 12"/>
313</svg>
314    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </span>
315        <!--[if ENDBLOCK]><![endif]-->
316        <!-- LABEL / SLOT -->
317        <!--[if BLOCK]><![endif]-->            
318        <!--[if ENDBLOCK]><![endif]-->
319        <!-- ICON RIGHT -->
320        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
321        <!-- SPINNER RIGHT -->
322        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
323    <!--[if BLOCK]><![endif]-->        </button>
324    <!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->            </form>
325        <!--[if ENDBLOCK]><![endif]-->
326        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
327        <div>
328            <!--[if BLOCK]><![endif]-->                <ul class="menu w-full mt-3 font-semibold text-gray-600" >
329        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
330        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
331        <li class="">
332        <a
333            class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap text-white bg-primary"
334
335                            href="https://vipros.fr/se-connecter"
336
337                
338                                    wire:navigate
339                            
340                    >
341            
342            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
343            <!--[if BLOCK]><![endif]-->                <span class="block py-0.5" >
344                    <!--[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">
345  <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"/>
346</svg>
347    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </span>
348            <!--[if ENDBLOCK]><![endif]-->
349            <!--[if BLOCK]><![endif]-->            <span class="mary-hideable whitespace-nowrap truncate">
350                <!--[if BLOCK]><![endif]-->                    Se connecter
351
352                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->            </span>
353            <!--[if ENDBLOCK]><![endif]-->        </a>
354    </li>                    <li class="">
355        <a
356            class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap text-black bg-accent"
357
358                            href="https://vipros.fr/inscription"
359
360                
361                                    wire:navigate
362                            
363                    >
364            
365            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
366            <!--[if BLOCK]><![endif]-->                <span class="block py-0.5" >
367                    <!--[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">
368  <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"/>
369</svg>
370    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </span>
371            <!--[if ENDBLOCK]><![endif]-->
372            <!--[if BLOCK]><![endif]-->            <span class="mary-hideable whitespace-nowrap truncate">
373                <!--[if BLOCK]><![endif]-->                    Rejoindre le club
374
375                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->            </span>
376            <!--[if ENDBLOCK]><![endif]-->        </a>
377    </li>
378    </ul>            <!--[if ENDBLOCK]><![endif]-->            <ul class="menu w-full font-semibold text-gray-600" >
379        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
380        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
381        <li class="">
382        <a
383            class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap lg:hidden"
384
385                            href="https://vipros.fr"
386
387                
388                                    wire:navigate
389                            
390                    >
391            
392            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
393            <!--[if BLOCK]><![endif]-->
393                <span class="block py-0.5" >
394                    <!--[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">
395  <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"/>
396</svg>
397    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </span>
398            <!--[if ENDBLOCK]><![endif]-->
399            <!--[if BLOCK]><![endif]-->            <span class="mary-hideable whitespace-nowrap truncate">
400                <!--[if BLOCK]><![endif]-->                    Accueil
401
402                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->            </span>
403            <!--[if ENDBLOCK]><![endif]-->        </a>
404    </li>                <li class="">
405        <a
406            class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap mary-active-menu bg-primary text-white 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"
407
408                            href="https://vipros.fr/offres-cashback"
409
410                
411                                    wire:navigate
412                            
413                    >
414            
415            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
416            <!--[if BLOCK]><![endif]-->                <span class="block py-0.5" >
417                    <!--[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">
418  <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"/>
419  <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"/>
420  <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"/>
421</svg>
422    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </span>
423            <!--[if ENDBLOCK]><![endif]-->
424            <!--[if BLOCK]><![endif]-->            <span class="mary-hideable whitespace-nowrap truncate">
425                <!--[if BLOCK]><![endif]-->                    Offres cashback
426
427                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->            </span>
428            <!--[if ENDBLOCK]><![endif]-->        </a>
429    </li>
430<li class="">
431        <a
432            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"
433
434                            href="https://vipros.fr/programme-de-fidelite"
435
436                
437                                    wire:navigate
438                            
439                    >
440            
441            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
442            <!--[if BLOCK]><![endif]-->
442                <span class="block py-0.5" >
443                    <!--[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">
444  <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"/>
445  <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"/>
446</svg>
447    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </span>
448            <!--[if ENDBLOCK]><![endif]-->
449            <!--[if BLOCK]><![endif]-->            <span class="mary-hideable whitespace-nowrap truncate">
450                <!--[if BLOCK]><![endif]-->                    Programme de fidélité
451
452                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->            </span>
453            <!--[if ENDBLOCK]><![endif]-->        </a>
454    </li>
455<li class="">
456        <a
457            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"
458
459                            href="https://mag.vipros.fr/"
460
461                                    target="_blank"
462                
463                            
464                    >
465            
466            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
467            <!--[if BLOCK]><![endif]-->                <span class="block py-0.5" >
468                    <!--[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">
469  <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"/>
470</svg>
471    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </span>
472            <!--[if ENDBLOCK]><![endif]-->
473            <!--[if BLOCK]><![endif]-->            <span class="mary-hideable whitespace-nowrap truncate">
474                <!--[if BLOCK]><![endif]-->                    Mag
475
476                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->            </span>
477            <!--[if ENDBLOCK]><![endif]-->        </a>
478    </li>
479    </ul>
480        </div>
481
482        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
483        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </div>
484
485    <!--[if BLOCK]><![endif]-->        <form class="modal-backdrop" method="dialog">
486            <!--[if BLOCK]><![endif]-->                <button @click="$wire.open = false" type="button">close</button>
487            <!--[if ENDBLOCK]><![endif]-->        </form>
488    <!--[if ENDBLOCK]><![endif]--></dialog>    </template>
489</div>
490            </div>
491        </div>
492
493        
494        <div class="hidden lg:block">
495            <div class="flex items-center">
496                <ul class="menu w-full flex-row gap-1 p-0 py-1 font-bold text-white" >
497        
498        
499        <li class="">
500        <a
501            class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap mary-active-menu bg-primary 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"
502
503                            href="https://vipros.fr/offres-cashback"
504
505                
506                                    wire:navigate
507                            
508                    >
509            
510            
511                            <span class="block py-0.5" >
512                    <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">
513  <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"/>
514  <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"/>
515  <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"/>
516</svg>
517                    </span>
518            
519                        <span class="mary-hideable whitespace-nowrap truncate">
520                                    Offres cashback
521
522                                                </span>
523                    </a>
524    </li>
525<li class="">
526        <a
527            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"
528
529                            href="https://vipros.fr/programme-de-fidelite"
530
531                
532                                    wire:navigate
533                            
534                    >
535            
536            
537                            <span class="block py-0.5" >
538                    <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">
539  <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"/>
540  <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"/>
541</svg>
542                    </span>
543            
544                        <span class="mary-hideable whitespace-nowrap truncate">
545                                    Programme de fidélité
546
547                                                </span>
548                    </a>
549    </li>
550<li class="">
551        <a
552            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"
553
554                            href="https://mag.vipros.fr/"
555
556                                    target="_blank"
557                
558                            
559                    >
560            
561            
562                            <span class="block py-0.5" >
563                    <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">
564  <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"/>
565</svg>
566                    </span>
567            
568                        <span class="mary-hideable whitespace-nowrap truncate">
569                                    Mag
570
571                                                </span>
572                    </a>
573    </li>
574    </ul>            </div>
575        </div>
576    </div>
577</header>
578                
579                <div
580        x-data="
581            {
582                value: '',
583                results: [],
584                open: $persist(false).as('mary-spotlight-modal'),
585                elapsed: 0,
586                elapsedStep: 200,
587                elapsedMax: 500,
588                maxDebounce: 250,
589                searchTimer: null,
590                debounceTimer: null,
591                controller: new AbortController(),
592                query: '',
593                searchedWithNoResults: false,
594                init(){
595                    if(this.open) {
596                        this.show()
597                    }
598
599                    this.$watch('value', value => this.debounce(() => this.search(), this.maxDebounce))
600
601                    // Fix weird issue when navigating back
602                    document.addEventListener('livewire:navigating', () => {
603                        this.close()
604                        document.querySelectorAll('.mary-spotlight-element')?.forEach(el =>  el.remove());
605                    });
606                },
607                close() {
608                    this.open = false
609                    $refs.marySpotlightRef?.close()
610                },
611                show() {
612                    this.open = true;
613                    $refs.marySpotlightRef.showModal();
614                },
615                focus() {
616                    setTimeout(() => {
617                        this.$refs.spotSearch.focus();
618                        this.$refs.spotSearch.select();
619                    }, 100)
620                },
621                updateQuery(query){
622                    this.query = query
623                    this.search()
624                },
625                startTimer() {
626                    this.searchTimer = setInterval(() => this.elapsed += this.elapsedStep, this.elapsedStep)
627                },
628                resetTimer() {
629                    clearInterval(this.searchTimer)
630                    this.elapsed = 0
631                },
632                debounce(fn, waitTime) {
633                    clearTimeout(this.debounceTimer)
634                    this.debounceTimer = setTimeout(() => fn(), waitTime)
635                },
636                async search() {
637                    $refs.spotSearch.focus()
638
639                    if (this.value == '') {
640                        this.results = []
641                        return
642                    }
643
644                    this.resetTimer()
645                    this.startTimer()
646
647                    try {
648                        this.controller?.abort()
649                        this.controller = new AbortController();
650
651                        let response = await fetch(`/mary-/mary/spotlight?search=${this.value}&${this.query}`, { signal: this.controller.signal })
652                        this.results = await response.json()
653                    } catch(e) {
654                        console.log(e)
655                        return
656                    }
657
658                    this.resetTimer()
659
660                    Object.keys(this.results).length
661                        ? this.searchedWithNoResults = false
662                        : this.searchedWithNoResults = true
663                }
664            }"
665
666        @keydown.window.prevent.meta.g="show(); focus();"
667        @keydown.window.prevent.ctrl.g="show(); focus();"
668        @keydown.escape="close()"
669        @keydown.up="$focus.previous()"
670        @keydown.down="$focus.next()"
671        @mary-search.window="updateQuery(event.detail)"
672        @mary-search-open.window="show(); focus();"
673    >
674        <dialog
675    class="modal backdrop-blur-sm" x-ref="marySpotlightRef"
676
677            id="marySpotlight"
678    
679            x-trap="open" x-bind:inert="!open"
680    >
681    <div class="modal-box absolute py-0 top-0 lg:top-10 w-full lg:max-w-3xl rounded-none md:rounded-box">
682                    <form method="dialog" tabindex="-1">
683                                    <button
684    
685        wire:key="maryeb7dfc4cd6dac92d14eead70d278ee4b"
686        type="submit" tabindex="-1"
687        class="btn btn-circle btn-sm btn-ghost absolute end-2 top-2 z-[999]" type="submit" tabindex="-1"
688
689        
690        
691        
692            >
693
694        <!-- SPINNER LEFT -->
695        
696        <!-- ICON -->
697                    <span class="block" >
698                <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">
699  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
700</svg>
701                </span>
702        
703        <!-- LABEL / SLOT -->
704                    
705        
706        <!-- ICON RIGHT -->
707        
708        <!-- SPINNER RIGHT -->
709        
710            </button>
711                                </form>
712        
713        
714        <div>
715            <div  @click.outside="close()">
716                <!-- INPUT -->
717                <div class="flex">
718                    <div class="flex-1">
719                        <div class="flex items-center">
720                            <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">
721  <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"/>
722</svg>
723                                <input
724                                id="mary8caec0896a1252682d3217a6e40c4c3c"
725                                x-model="value"
726                                x-ref="spotSearch"
727                                name="spotSearch"
728                                placeholder=" Rechercher une offre, une marque ou un produit..."
729                                class="w-full input my-2 border-none outline-none shadow-none border-transparent  focus:shadow-none focus:outline-none focus:border-transparent"
730                                @focus="$el.focus()"
731                                autofocus
732                                tabindex="1"
733                            />
734                        </div>
735                    </div>
736
737                                    </div>
738
739                <!-- PROGRESS  -->
740                <div class="h-[1px]">
741                    <progress class="progress hidden h-[1px]" :class="elapsed > elapsedMax && '!h-[2px] !block'"></progress>
742                </div>
743
744                <!-- SLOT -->
745                                    
746                
747                <!-- NO RESULTS -->
748                <template x-if="searchedWithNoResults && value != ''">
749                    <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>
750                </template>
751
752                <!-- RESULTS  -->
753                <div class="-mx-1 mt-1" @click="close()" @keydown.enter="close()" x-ref="spotResults">
754                    <template x-for="(item, index) in results" :key="index">
755                        <!-- ITEM -->
756                        <a x-bind:href="item.link" class="mary-spotlight-element"  wire:navigate  tabindex="0">
757                            <div class="p-3 hover:bg-base-200 border-t-[length:var(--border)] border-t-base-content/10" >
758                                <div class="flex gap-3 items-center">
759                                    <!-- ICON -->
760                                    <template x-if="item.icon">
761                                        <div x-html="item.icon"></div>
762                                    </template>
763                                    <!-- AVATAR -->
764                                    <template x-if="item.avatar && !item.icon">
765                                        <div>
766                                            <img :src="item.avatar" class="rounded-full w-11 h-11"  />
767                                        </div>
768                                    </template>
769                                    <div class="flex-1 overflow-hidden whitespace-nowrap text-ellipsis truncate w-0 mary-hideable">
770                                        <!-- NAME -->
771                                        <div x-html="item.name" class="font-semibold truncate"></div>
772
773                                        <!-- DESCRIPTION -->
774                                        <template x-if="item.description">
775                                            <div x-html="item.description" class="text-base-content/50 text-sm truncate"></div>
776                                        </template>
777                                    </div>
778                                </div>
779                            </div>
780                        </a>
781                    </template>
782                    <div x-show="results.length" class="mb-3"></div>
783                </div>
784            </div>
785        </div>
786
787        
788            </div>
789
790            <form class="modal-backdrop" method="dialog">
791                            <button type="submit">close</button>
792                    </form>
793    </dialog>    </div>                    
794        <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;eWXFIfhAJIn9jCqiYWAl&quot;,&quot;name&quot;:&quot;components.system-notifications&quot;,&quot;path&quot;:&quot;offres-cashback&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;3e85996fad7f2ae3ffb503999b7275bc34ef36f863c4163f30122c4f79b6a08d&quot;}" wire:effects="[]" wire:id="eWXFIfhAJIn9jCqiYWAl" class="fixed z-50 max-w-lg bg-white rounded-lg left-4 bottom-4">
795    
796    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
797
798        <main id="main" class="flex flex-col flex-1 main"
799            >
800                            <div wire:snapshot="{&quot;data&quot;:{&quot;selectedBrands&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;selectedUniverse&quot;:null,&quot;sortBy&quot;:[{&quot;unified_value&quot;:&quot;desc&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;offersSearch&quot;:&quot;&quot;,&quot;universes&quot;:[[&quot;bati&quot;,&quot;agri&quot;],{&quot;s&quot;:&quot;arr&quot;}],&quot;fields&quot;:[{&quot;section_hero&quot;:[{&quot;show_breadcrumb&quot;:true,&quot;&quot;:null,&quot;title&quot;:&quot;Les offres &lt;span class=\&quot;text-accent\&quot;&gt;Cashback&lt;\/span&gt; du moment !&quot;,&quot;text&quot;:&quot;Profitez de ces offres de remboursement \u00e0 dur\u00e9e limit\u00e9e en achetant les produits concern\u00e9s aupr\u00e8s de vos revendeurs habituels et en enregistrant votre facture sur votre compte VIPros !&quot;,&quot;list&quot;:false,&quot;images&quot;:[{&quot;image_default&quot;:[{&quot;ID&quot;:850,&quot;id&quot;:850,&quot;title&quot;:&quot;header-cashback&quot;,&quot;filename&quot;:&quot;header-cashback.png&quot;,&quot;filesize&quot;:109944,&quot;url&quot;:&quot;https:\/\/vipros.fr\/app\/uploads\/2026\/08\/header-cashback.png&quot;,&quot;link&quot;:&quot;https:\/\/vipros.fr\/offres-cashback\/header-cashback\/&quot;,&quot;alt&quot;:&quot;&quot;,&quot;author&quot;:&quot;1&quot;,&quot;description&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;name&quot;:&quot;header-cashback&quot;,&quot;status&quot;:&quot;inherit&quot;,&quot;uploaded_to&quot;:483,&quot;date&quot;:&quot;2026-08-13 11:59:52&quot;,&quot;modified&quot;:&quot;2026-08-13 12:05:25&quot;,&quot;menu_order&quot;:0,&quot;mime_type&quot;:&quot;image\/png&quot;,&quot;type&quot;:&quot;image&quot;,&quot;subtype&quot;:&quot;png&quot;,&quot;icon&quot;:&quot;https:\/\/vipros.fr\/wp\/wp-includes\/images\/media\/default.png&quot;,&quot;width&quot;:1254,&quot;height&quot;:1254,&quot;sizes&quot;:[{&quot;thumbnail&quot;:&quot;https:\/\/vipros.fr\/app\/uploads\/2026\/08\/header-cashback-150x150.png&quot;,&quot;thumbnail-width&quot;:150,&quot;thumbnail-height&quot;:150,&quot;medium&quot;:&quot;https:\/\/vipros.fr\/app\/uploads\/2026\/08\/header-cashback-300x300.png&quot;,&quot;medium-width&quot;:300,&quot;medium-height&quot;:300,&quot;medium_large&quot;:&quot;https:\/\/vipros.fr\/app\/uploads\/2026\/08\/header-cashback-768x768.png&quot;,&quot;medium_large-width&quot;:768,&quot;medium_large-height&quot;:768,&quot;large&quot;:&quot;https:\/\/vipros.fr\/app\/uploads\/2026\/08\/header-cashback-1024x1024.png&quot;,&quot;large-width&quot;:1024,&quot;large-height&quot;:1024,&quot;1536x1536&quot;:&quot;https:\/\/vipros.fr\/app\/uploads\/2026\/08\/header-cashback.png&quot;,&quot;1536x1536-width&quot;:1254,&quot;1536x1536-height&quot;:1254,&quot;2048x2048&quot;:&quot;https:\/\/vipros.fr\/app\/uploads\/2026\/08\/header-cashback.png&quot;,&quot;2048x2048-width&quot;:1254,&quot;2048x2048-height&quot;:1254},{&quot;s&quot;:&quot;arr&quot;}]},{&quot;s&quot;:&quot;arr&quot;}],&quot;image_bati&quot;:false,&quot;image_agri&quot;:false},{&quot;s&quot;:&quot;arr&quot;}],&quot;show_image_on_mobile&quot;:true,&quot;slider&quot;:false},{&quot;s&quot;:&quot;arr&quot;}]},{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;
800dbDxlTPNm4t0I5pn4NMg&quot;,&quot;name&quot;:&quot;pages.cashback.cashback-offers&quot;,&quot;path&quot;:&quot;offres-cashback&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:{&quot;active-offers&quot;:[&quot;div&quot;,&quot;NM6G3rviPAX4rVkCyMxf&quot;],&quot;expired-offers&quot;:[&quot;div&quot;,&quot;e0HU1eTV3F7LeTTcKV0G&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;fr_FR&quot;},&quot;checksum&quot;:&quot;a22faab0a7927105d37f8d6a33e65d5db6065b5fd57a2b1f5b276552be89ce91&quot;}" wire:effects="{&quot;url&quot;:{&quot;selectedBrands&quot;:{&quot;as&quot;:null,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;selectedUniverse&quot;:{&quot;as&quot;:null,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;sortBy&quot;:{&quot;as&quot;:null,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null}}}" wire:id="dbDxlTPNm4t0I5pn4NMg">
801    <section class="relative isolate overflow-hidden bg-linear-to-br from-secondary to-primary text-white min-h-44 md:min-h-52">
802    <div class="absolute inset-0 -z-20 grid-blueprint" aria-hidden="true"></div>
803
804    <div class="container relative px-4 py-6 md:py-8">
805        <!--[if BLOCK]><![endif]-->            
806            <div
807                class="pointer-events-none absolute inset-y-0 right-0 -z-[5] w-3/4 translate-x-[44%] md:w-[58%] lg:w-[46%] lg:translate-x-0 max-xl:[-webkit-mask-image:linear-gradient(90deg,transparent_0%,rgba(0,0,0,.35)_32%,#000_62%)] max-xl:[mask-image:linear-gradient(90deg,transparent_0%,rgba(0,0,0,.35)_32%,#000_62%)]">
808                <div class="absolute inset-0 bg-cover bg-center bg-no-repeat opacity-90 md:opacity-100 lg:hidden" style="background-image:url('https://vipros.fr/app/uploads/2026/08/header-cashback-768x768.png');"></div>
809                <div class="absolute inset-0 hidden bg-cover bg-center bg-no-repeat lg:block" style="background-image:url('https://vipros.fr/app/uploads/2026/08/header-cashback.png');"></div>
810            </div>
811        <!--[if ENDBLOCK]><![endif]-->
812        <!--[if BLOCK]><![endif]-->            <div class="mb-5"><!--[if BLOCK]><![endif]--><nav class="text-sm breadcrumbs text-white/70 [&amp;_a]:rounded-sm [&amp;_a:hover]:text-white [&amp;_a:focus-visible]:outline-none [&amp;_a:focus-visible]:ring-2 [&amp;_a:focus-visible]:ring-white [&amp;_a:focus-visible]:ring-offset-2 [&amp;_a:focus-visible]:ring-offset-secondary" aria-label="breadcrumb">
813    <ol class="flex items-center gap-1 no-horizontal-scroll-bar">
814        <!--[if BLOCK]><![endif]-->            <li class="flex items-center opacity-70 ">
815                <!--[if BLOCK]><![endif]-->                    <a wire:navigate="" class="rounded-md" href="https://vipros.fr" x-scroll-to>
816    <!--[if BLOCK]><![endif]-->        Accueil
817    <!--[if ENDBLOCK]><![endif]--></a>
818                <!--[if ENDBLOCK]><![endif]-->            </li>
819                    <li class="flex items-center  ">
820                <!--[if BLOCK]><![endif]-->                    <div>
821                        <span>Offres cashback</span>
822                    </div>
823                <!--[if ENDBLOCK]><![endif]-->            </li>
824        <!--[if ENDBLOCK]><![endif]-->    </ol>
825</nav>
826<!--[if ENDBLOCK]><![endif]--></div>
827        <!--[if ENDBLOCK]><![endif]-->
828        <div class="grid items-center gap-6 ">
829            <div class="space-y-3 max-w-[70%] md:max-w-[52%]">
830                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
831                <!--[if BLOCK]><![endif]-->                    <div class="space-y-1">
832                        <!--[if BLOCK]><![endif]-->                            <h1 class="m-0 text-lg font-extrabold uppercase leading-[1.1] tracking-tight text-balance text-white sm:text-xl md:text-3xl lg:text-4xl">
833                                <!--[if BLOCK]><![endif]-->Les offres <span class="text-accent">Cashback</span> du moment !<!--[if ENDBLOCK]><![endif]-->                            </h1>
834                        <!--[if ENDBLOCK]><![endif]-->                        <!--[if BLOCK]><![endif]-->                            <p class="m-0 max-w-2xl text-sm font-medium text-white/70 md:text-base"><!--[if BLOCK]><![endif]-->Profitez de ces offres de remboursement à durée limitée en achetant les produits concernés auprès de vos revendeurs habituels et en enregistrant votre facture sur votre compte VIPros !<!--[if ENDBLOCK]><![endif]--></p>
835                        <!--[if ENDBLOCK]><![endif]-->                    </div>
836                <!--[if ENDBLOCK]><![endif]-->
837                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
838
839            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
840    </div>
841</section>
842
843    <section class="section-sidebar w-full pt-4">
844    <div class="container relative px-4 mx-auto pb-8">
845        <div class="grid gap-4 w-full  lg:grid-cols-[280px_1fr]  grid-cols-1 ">
846            <div class="w-full lg:block ">
847                <!--[if BLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]-->
848    <div x-data="{
849        swiper: null,
850        currentIndex: 0,
851        total: 4,
852        delay: 6000,
853        isMobile: window.matchMedia('(max-width: 1023px)').matches,
854        open: false,
855        paused: false,
856        remainingDelay: 0,
857        gate: false,
858        get counter() {
859            return String(this.currentIndex + 1).padStart(2, '0') + ' / ' + String(this.total).padStart(2, '0');
860        },
861        init() {
862            const mql = window.matchMedia('(max-width: 1023px)');
863            const onChange = () => { this.isMobile = mql.matches; if (!this.isMobile) this.open = false; };
864            mql.addEventListener ? mql.addEventListener('change', onChange) : mql.addListener(onChange);
865
866            this.$watch('open', (v) => {
867                document.body.style.overflow = v ? 'hidden' : '';
868                if (v && this.swiper) this.$nextTick(() => {
869                    this.paused = false;
870                    this.swiper.slideTo(0, 0);
871                    this.swiper.update();
872                    this.restartProgress();
873                    if (this.swiper.autoplay) this.swiper.autoplay.start();
874                });
875            });
876
877            this.swiper = new Swiper(this.$refs.swiperEl, {
878                loop: !this.gate,
879                speed: 400,
880                grabCursor: true,
881                autoHeight: true,
882                observer: this.gate,
883                observeParents: this.gate,
884                autoplay: this.gate ? false : { delay: this.delay, disableOnInteraction: false },
885                pagination: {
886                    el: this.$refs.dots,
887                    clickable: !this.gate,
888                    bulletClass: 'hiw-dot',
889                    bulletActiveClass: 'is-active',
890                    renderBullet: (i, cls) => '<button class=&quot;' + cls + ' inline-block h-2 w-2 p-0 border-0 rounded bg-base-300 cursor-pointer transition-all duration-200&quot; aria-label=&quot;Étape ' + (i + 1) + '&quot;></button>',
891                },
892                on: {
893                    slideChange: (sw) => {
894                        this.currentIndex = sw.realIndex;
895                        this.$nextTick(() => this.restartProgress());
896                        if (this.gate && this.currentIndex >= this.total - 1) this.$dispatch('hiw-complete');
897                    },
898                    autoplayPause: () => this.setProgressPlayState('paused'),
899                    autoplayResume: () => this.setProgressPlayState('running'),
900                },
901            });
902            this.$nextTick(() => this.restartProgress());
903            if (!this.gate) {
904                setTimeout(() => {
905                    if (this.swiper && this.swiper.autoplay && this.swiper.autoplay.paused) {
906                        this.swiper.autoplay.start();
907                    }
908                }, 100);
909            }
910        },
911        onPointerEnter() {
912            if (this.swiper && this.swiper.autoplay && !this.paused) this.swiper.autoplay.pause();
913        },
914        onPointerLeave() {
915            if (this.swiper && this.swiper.autoplay && !this.paused) this.swiper.autoplay.resume();
916        },
917        togglePause() {
918            if (!this.swiper || !this.swiper.autoplay) return;
919            if (this.paused) {
920                const remaining = this.remainingDelay > 0 ? this.remainingDelay : this.delay;
921                this.swiper.params.autoplay.delay = remaining;
922                this.swiper.autoplay.start();
923                this.swiper.params.autoplay.delay = this.delay;
924                this.paused = false;
925                this.setProgressPlayState('running');
926            } else {
927                this.remainingDelay = Math.max(this.swiper.autoplay.timeLeft, 0);
928                this.swiper.autoplay.stop();
929                this.paused = true;
930                this.setProgressPlayState('paused');
931            }
932        },
933        refresh() {
934            if (!this.swiper) return;
935            this.$nextTick(() => {
936                this.swiper.update();
937                this.swiper.slideTo(0, 0);
938                this.currentIndex = 0;
939                this.restartProgress();
940            });
941        },
942        restartProgress() {
943            if (!this.$refs.bar) return;
944            const segs = this.$refs.bar.querySelectorAll('[data-seg]');
945            segs.forEach((el, i) => {
946                el.style.animation = 'none';
947                if (i < this.currentIndex) {
948                    el.style.width = '100%';
949                } else if (i === this.currentIndex) {
950                    el.style.width = '0%';
951                    void el.offsetWidth;
952                    el.style.animation = `hiwFill ${this.delay}ms linear forwards`;
953                } else {
954                    el.style.width = '0%';
955                }
956            });
957            // garde l'animation figée si l'utilisateur a mis en pause (ex: pause puis clic sur un point)
958            if (this.paused) this.setProgressPlayState('paused');
959        },
960        setProgressPlayState(state) {
961            if (!this.$refs.bar) return;
962            const active = this.$refs.bar.querySelector('[data-seg=&quot;' + this.currentIndex + '&quot;]');
963            if (active) active.style.animationPlayState = state;
964        }
965    }" 
966    wire:ignore
967        class="hiw-root w-full lg:max-w-[280px]"
968        @hiw-refresh.window="gate && refresh()" @hiw-next.window="gate && swiper && swiper.slideNext()">
969
970        <!--[if BLOCK]><![endif]-->            <button type="button" x-show="isMobile" @click="open = true"
971                class="flex items-center w-full gap-2.5 px-3.5 py-3 text-sm font-bold text-left transition-colors border rounded-lg cursor-pointer bg-base-100 border-base-300 text-secondary hover:bg-base-200 hover:border-primary">
972                <span class="inline-flex items-center justify-center rounded-full w-7 h-7 bg-primary/10 text-primary shrink-0">
973                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <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">
974  <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z"/>
975</svg>
976    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </span>
977                <span class="flex-1">Comment ça marche ?</span>
978                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <svg class="inline flex-shrink-0 w-4 h-4 text-base-content/50" 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">
979  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
980</svg>
981    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </button>
982
983            <div x-show="isMobile && open" x-transition.opacity @click="open = false" class="fixed inset-0 z-[90] bg-black/60"></div>
984        <!--[if ENDBLOCK]><![endif]-->
985        <div x-show="!isMobile || open"
986            :class="(isMobile && open)
987                ? 'fixed inset-4 m-auto max-w-xs max-h-[calc(100vh-2rem)] h-fit z-[100] overflow-auto shadow-2xl'
988                : 'relative w-full overflow-hidden'"
989            class="hiw rounded-lg border border-base-300 bg-base-100" role="region"
990            aria-roledescription="carousel" aria-label="Comment ça marche" @mouseenter="onPointerEnter()" @mouseleave="onPointerLeave()"
991            @keydown.escape.window="if (isMobile) open = false">
992
993            <!--[if BLOCK]><![endif]-->                <button type="button" x-show="isMobile && open" @click="open = false" aria-label="Fermer"
994                    class="absolute z-[1] inline-flex items-center justify-center border-0 rounded-md cursor-pointer top-2 right-2 w-7 h-7 bg-transparent text-base-content/50 hover:bg-base-200 hover:text-secondary">
995                    <!--[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">
996  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
997</svg>
998    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </button>
999            <!--[if ENDBLOCK]><![endif]-->
1000            
1001            <div class="flex items-center justify-between px-4 pb-3" :class="(isMobile && open) ? 'pt-7 pr-11' : 'pt-3.5'">
1002                <span class="text-sm font-bold text-secondary whitespace-nowrap">Comment ça marche ?</span>
1003                <div class="flex items-center gap-2 shrink-0">
1004                    <!--[if BLOCK]><![endif]-->                        <button type="button" @click="togglePause()"
1005                            class="flex items-center justify-center w-5 h-5 transition rounded-full text-base-content/40 hover:text-primary hover:bg-base-200"
1006                            :aria-label="paused ? 'Reprendre le défilement' : 'Mettre en pause le défilement'">
1007                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <svg x-show="!paused" class="inline flex-shrink-0 w-3.5 h-3.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">
1008  <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 5.25v13.5m-7.5-13.5v13.5"/>
1009</svg>
1010    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <svg x-show="paused" x-cloak="1" class="inline flex-shrink-0 w-3.5 h-3.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">
1011  <path stroke-linecap="round" stroke-linejoin="round" d="M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.347a1.125 1.125 0 0 1 0 1.972l-11.54 6.347a1.125 1.125 0 0 1-1.667-.986V5.653Z"/>
1012</svg>
1013    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </button>
1014                    <!--[if ENDBLOCK]><![endif]-->                    <span class="text-xs font-bold tracking-wide tabular-nums text-base-content/50 whitespace-nowrap" x-text="counter"></span>
1015                </div>
1016            </div>
1017
1018            <!--[if BLOCK]><![endif]-->                <div x-ref="bar" class="flex gap-0.5 px-4 pb-3.5">
1019                    <!--[if BLOCK]><![endif]-->                        <div class="flex-1 h-1 overflow-hidden rounded-sm bg-base-200">
1020                            <div data-seg="0" class="w-0 h-full bg-primary"></div>
1021                        </div>
1022                                            <div class="flex-1 h-1 overflow-hidden rounded-sm bg-base-200">
1023                            <div data-seg="1" class="w-0 h-full bg-primary"></div>
1024                        </div>
1025                                            <div class="flex-1 h-1 overflow-hidden rounded-sm bg-base-200">
1026                            <div data-seg="2" class="w-0 h-full bg-primary"></div>
1027                        </div>
1028                                            <div class="flex-1 h-1 overflow-hidden rounded-sm bg-base-200">
1029                            <div data-seg="3" class="w-0 h-full bg-primary"></div>
1030                        </div>
1031                    <!--[if ENDBLOCK]><![endif]-->                </div>
1032            <!--[if ENDBLOCK]><![endif]-->
1033            
1034            <div class="swiper transition-[height] duration-300 ease-in-out" x-ref="swiperEl">
1035                <div class="swiper-wrapper">
1036                    <!--[if BLOCK]><![endif]-->                        <div class="swiper-slide" aria-live="polite">
1037                            <div class="px-4 pt-1 pb-5">
1038                                <!--[if BLOCK]><![endif]-->                                                                        <!--[if BLOCK]><![endif]-->                                        <div class="text-xs font-bold tracking-wider uppercase text-primary">Étape 1</div>
1039                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="@container relative mt-2 overflow-hidden rounded-lg aspect-video bg-primary">
1040                                        <img src="https://vipros.fr/app/themes/vipros/public/build/assets/01_cashback_achat_artisan_choix_produit-BAQAVDzd.jpg" alt="" loading="eager" class="absolute inset-0 object-cover object-right w-full h-full">
1041                                        <div class="absolute inset-0 bg-gradient-to-r from-black/65 via-black/30 to-transparent to-60%"></div>
1042                                        <div class="absolute inset-y-0 left-0 z-10 flex flex-col justify-center gap-1 @md:gap-2 px-3.5 @md:px-5 @xl:px-8 py-2 [text-shadow:0_1px_2px_rgba(0,0,0,0.9),0_2px_10px_rgba(0,0,0,0.6)]"
1043                                            style="max-width: 50%">
1044                                            <span class="text-sm @md:text-lg @xl:text-2xl font-bold leading-tight text-white"><span class="text-accent">Achetez</span> où vous voulez</span>
1045                                            <!--[if BLOCK]><![endif]-->                                                <span class="text-xs @md:text-sm @xl:text-lg leading-snug text-white/85">un ou plusieurs produits concernés par une offre</span>
1046                                            <!--[if ENDBLOCK]><![endif]-->                                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                        </div>
1047                                    </div>
1048                                <!--[if ENDBLOCK]><![endif]-->                            </div>
1049                        </div>
1050                                            <div class="swiper-slide" aria-live="polite">
1051                            <div class="px-4 pt-1 pb-5">
1052                                <!--[if BLOCK]><![endif]-->                                                                        <!--[if BLOCK]><![endif]-->                                        <div class="text-xs font-bold tracking-wider uppercase text-primary">Étape 2</div>
1053                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="@container relative mt-2 overflow-hidden rounded-lg aspect-video bg-primary">
1054                                        <img src="https://vipros.fr/app/themes/vipros/public/build/assets/02_cashback_facture_scan_smartphone-CjdDpPoe.jpg" alt="" loading="lazy" class="absolute inset-0 object-cover object-right w-full h-full">
1055                                        <div class="absolute inset-0 bg-gradient-to-r from-black/65 via-black/30 to-transparent to-60%"></div>
1056                                        <div class="absolute inset-y-0 left-0 z-10 flex flex-col justify-center gap-1 @md:gap-2 px-3.5 @md:px-5 @xl:px-8 py-2 [text-shadow:0_1px_2px_rgba(0,0,0,0.9),0_2px_10px_rgba(0,0,0,0.6)]"
1057                                            style="max-width: 50%">
1058                                            <span class="text-sm @md:text-lg @xl:text-2xl font-bold leading-tight text-white"><span class="text-accent">
1058Enregistrez</span> votre facture</span>
1059                                            <!--[if BLOCK]><![endif]-->                                                <span class="text-xs @md:text-sm @xl:text-lg leading-snug text-white/85">sur votre compte VIPros, en quelques clics</span>
1060                                            <!--[if ENDBLOCK]><![endif]-->                                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                        </div>
1061                                    </div>
1062                                <!--[if ENDBLOCK]><![endif]-->                            </div>
1063                        </div>
1064                                            <div class="swiper-slide" aria-live="polite">
1065                            <div class="px-4 pt-1 pb-5">
1066                                <!--[if BLOCK]><![endif]-->                                                                        <!--[if BLOCK]><![endif]-->                                        <div class="text-xs font-bold tracking-wider uppercase text-primary">Étape 3</div>
1067                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="@container relative mt-2 overflow-hidden rounded-lg aspect-video bg-primary">
1068                                        <img src="https://vipros.fr/app/themes/vipros/public/build/assets/03_cashback_remboursement_sourire_smartphone-BmpAqf7E.jpg" alt="" loading="lazy" class="absolute inset-0 object-cover object-right w-full h-full">
1069                                        <div class="absolute inset-0 bg-gradient-to-r from-black/65 via-black/30 to-transparent to-60%"></div>
1070                                        <div class="absolute inset-y-0 left-0 z-10 flex flex-col justify-center gap-1 @md:gap-2 px-3.5 @md:px-5 @xl:px-8 py-2 [text-shadow:0_1px_2px_rgba(0,0,0,0.9),0_2px_10px_rgba(0,0,0,0.6)]"
1071                                            style="max-width: 50%">
1072                                            <span class="text-sm @md:text-lg @xl:text-2xl font-bold leading-tight text-white">Vous êtes <span class="text-accent">remboursé</span></span>
1073                                            <!--[if BLOCK]><![endif]-->                                                <span class="text-xs @md:text-sm @xl:text-lg leading-snug text-white/85">sur votre cagnotte Cashback en quelques jours seulement</span>
1074                                            <!--[if ENDBLOCK]><![endif]-->                                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                        </div>
1075                                    </div>
1076                                <!--[if ENDBLOCK]><![endif]-->                            </div>
1077                        </div>
1078                                            <div class="swiper-slide" aria-live="polite">
1079                            <div class="px-4 pt-1 pb-5">
1080                                <!--[if BLOCK]><![endif]-->                                                                        <!--[if BLOCK]><![endif]-->                                        <div class="text-xs font-bold tracking-wider uppercase text-primary">Étape 4</div>
1081                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="@container relative mt-2 overflow-hidden rounded-lg aspect-video bg-primary">
1082                                        <img src="https://vipros.fr/app/themes/vipros/public/build/assets/04_cashback_virement_carte_pro-CwdA1KNW.jpg" alt="" loading="lazy" class="absolute inset-0 object-cover object-right w-full h-full">
1083                                        <div class="absolute inset-0 bg-gradient-to-r from-black/65 via-black/30 to-transparent to-60%"></div>
1084                                        <div class="absolute inset-y-0 left-0 z-10 flex flex-col justify-center gap-1 @md:gap-2 px-3.5 @md:px-5 @xl:px-8 py-2 [text-shadow:0_1px_2px_rgba(0,0,0,0.9),0_2px_10px_rgba(0,0,0,0.6)]"
1085                                            style="max-width: 50%">
1086                                            <span class="text-sm @md:text-lg @xl:text-2xl font-bold leading-tight text-white"><span class="text-accent">Décagnottez</span></span>
1087                                            <!--[if BLOCK]><![endif]-->                                                <span class="text-xs @md:text-sm @xl:text-lg leading-snug text-white/85">directement vers votre compte bancaire pro</span>
1088                                            <!--[if ENDBLOCK]><![endif]-->                                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                        </div>
1089                                    </div>
1090                                <!--[if ENDBLOCK]><![endif]-->                            </div>
1091                        </div>
1092                    <!--[if ENDBLOCK]><![endif]-->                </div>
1093            </div>
1094
1095            <div x-ref="dots" class="flex items-center justify-center gap-1.5 px-4 pb-4"></div>
1096
1097            <!--[if BLOCK]><![endif]-->                <div x-show="isMobile" class="flex flex-col gap-2 px-4 pb-5">
1098                    <!--[if BLOCK]><![endif]-->        <a href="https://vipros.fr/mon-compte/envoyer-une-facture"
1099    
1100        wire:key="mary36fc19114da64c384e798bc932bf5868"
1101        type="button"
1102        class="btn justify-between w-full btn-sm btn-primary"
1103
1104        
1105                    wire:navigate
1106        
1107        
1108            >
1109
1110        <!-- SPINNER LEFT -->
1111        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1112        <!-- ICON -->
1113        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1114        <!-- LABEL / SLOT -->
1115        <!--[if BLOCK]><![endif]-->            Enregistrer une
1116                        facture
1117        <!--[if ENDBLOCK]><![endif]-->
1118        <!-- ICON RIGHT -->
1119        <!--[if BLOCK]><![endif]-->            <span class="block" >
1120                <!--[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">
1121  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
1122</svg>
1123    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </span>
1124        <!--[if ENDBLOCK]><![endif]-->
1125        <!-- SPINNER RIGHT -->
1126        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1127    <!--[if BLOCK]><![endif]-->        </a>
1128    <!--[if ENDBLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]-->        <a href="https://vipros.fr/mon-compte/tableau-de-bord"
1129    
1130        wire:key="mary3a79deb119502a0b7f4952b697e864a1"
1131        type="button"
1132        class="btn justify-between w-full btn-sm btn-outline"
1133
1134        
1135                    wire:navigate
1136        
1137        
1138            >
1139
1140        <!-- SPINNER LEFT -->
1141        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1142        <!-- ICON -->
1143        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1144        <!-- LABEL / SLOT -->
1145        <!--[if BLOCK]><![endif]-->            Consulter ma
1146                        cagnotte
1147        <!--[if ENDBLOCK]><![endif]-->
1148        <!-- ICON RIGHT -->
1149        <!--[if BLOCK]><![endif]-->            <span class="block" >
1150                <!--[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">
1151  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
1152</svg>
1153    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </span>
1154        <!--[if ENDBLOCK]><![endif]-->
1155        <!-- SPINNER RIGHT -->
1156        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1157    <!--[if BLOCK]><![endif]-->        </a>
1158    <!--[if ENDBLOCK]><![endif]-->
1159                </div>
1160            <!--[if ENDBLOCK]><![endif]-->        </div>
1161
1162        <!--[if BLOCK]><![endif]-->            <div x-show="!isMobile" class="w-full mt-4 space-y-2">
1163                <!--[if BLOCK]><![endif]-->        <a href="https://vipros.fr/mon-compte/envoyer-une-facture"
1164    
1165        wire:key="mary36fc19114da64c384e798bc932bf5868"
1166        type="button"
1167        class="btn justify-between w-full btn-sm btn-primary"
1168
1169        
1170                    wire:navigate
1171        
1172        
1173            >
1174
1175        <!-- SPINNER LEFT -->
1176        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1177        <!-- ICON -->
1178        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1179        <!-- LABEL / SLOT -->
1180        <!--[if BLOCK]><![endif]-->            Enregistrer une
1181                        facture
1182        <!--[if ENDBLOCK]><![endif]-->
1183        <!-- ICON RIGHT -->
1184        <!--[if BLOCK]><![endif]-->
1184            <span class="block" >
1185                <!--[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">
1186  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
1187</svg>
1188    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </span>
1189        <!--[if ENDBLOCK]><![endif]-->
1190        <!-- SPINNER RIGHT -->
1191        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1192    <!--[if BLOCK]><![endif]-->        </a>
1193    <!--[if ENDBLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]-->        <a href="https://vipros.fr/mon-compte/tableau-de-bord"
1194    
1195        wire:key="mary3a79deb119502a0b7f4952b697e864a1"
1196        type="button"
1197        class="btn justify-between w-full btn-sm btn-outline"
1198
1199        
1200                    wire:navigate
1201        
1202        
1203            >
1204
1205        <!-- SPINNER LEFT -->
1206        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1207        <!-- ICON -->
1208        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1209        <!-- LABEL / SLOT -->
1210        <!--[if BLOCK]><![endif]-->            Consulter ma
1211                        cagnotte
1212        <!--[if ENDBLOCK]><![endif]-->
1213        <!-- ICON RIGHT -->
1214        <!--[if BLOCK]><![endif]-->            <span class="block" >
1215                <!--[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">
1216  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
1217</svg>
1218    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </span>
1219        <!--[if ENDBLOCK]><![endif]-->
1220        <!-- SPINNER RIGHT -->
1221        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1222    <!--[if BLOCK]><![endif]-->        </a>
1223    <!--[if ENDBLOCK]><![endif]-->
1224            </div>
1225        <!--[if ENDBLOCK]><![endif]-->    </div>
1226<!--[if ENDBLOCK]><![endif]-->
1227                <!--[if ENDBLOCK]><![endif]-->            </div>
1228
1229            <div class="min-w-0 rounded-lg">
1230                <!--[if BLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]-->                <div id="active-offers-section" class="mb-8">
1231                    <h2 class="text-xl font-bold text-secondary mb-4">Offres du moment</h2>
1232                    <div class="mb-6 border card bg-base-200 border-base-300 rounded-box">
1233    <div class="card-body gap-3 p-4">
1234        <div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
1235            <div class="flex items-center gap-2">
1236                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <svg class="inline flex-shrink-0 w-3.5 h-3.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">
1237  <path stroke-linecap="round" stroke-linejoin="round" d="M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 0 1-.659 1.591l-5.432 5.432a2.25 2.25 0 0 0-.659 1.591v2.927a2.25 2.25 0 0 1-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 0 0-.659-1.591L3.659 7.409A2.25 2.25 0 0 1 3 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 
12370 0 1 12 3Z"/>
1238</svg>
1239    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <span class="text-xs font-bold tracking-wider uppercase text-secondary">Filtres</span>
1240            </div>
1241
1242            
1243            <div class="w-full sm:flex-1 sm:max-w-md">
1244                <div>
1245    
1246    <fieldset class="fieldset py-0">
1247        
1248        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1249        <label class="">
1250            
1251            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1252            <div class="w-full">
1253                
1254                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1255                
1256                <label
1257                    
1258                    class="input w-full w-full"
1259                 >
1260                    
1261                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1262                    
1263                    <!--[if BLOCK]><![endif]-->                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <svg class="inline flex-shrink-0 pointer-events-none w-4 h-4 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">
1264  <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"/>
1265</svg>
1266    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <!--[if ENDBLOCK]><![endif]-->
1267                    
1268                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1269                        
1270                        <input
1271                            id="marya31cd7acad802f62ddc3be417b28cf80offersSearch"
1272                            placeholder="Rechercher une offre ou une marque... "
1273
1274                            
1275                            
1276                            type="text" class="w-full" wire:model.live.debounce.500ms="offersSearch" placeholder="Rechercher une offre ou une marque..."
1277                        />
1278
1279                    
1280                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1281                    
1282                    <!--[if BLOCK]><![endif]-->                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <svg x-on:click="$wire.set('offersSearch', '', true)" class="inline flex-shrink-0 cursor-pointer w-4 h-4 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">
1283  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
1284</svg>
1285    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <!--[if ENDBLOCK]><![endif]-->
1286                    
1287                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1288                    
1289                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </label>
1290
1291                
1292                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
1293        </label>
1294
1295        
1296        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1297        
1298        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </fieldset>
1299</div>            </div>
1300        </div>
1301
1302        <div x-data="{
1303    swiper: null,
1304    init() {
1305        this.initializeSwiper();
1306
1307        Livewire.hook('message.processed', (message, component) => {
1308            if (document.getElementById('slider_6ac2d4c9ccee8')) {
1309                this.swiper.update();
1310            }
1311        });
1312    },
1313    initializeSwiper() {
1314        this.swiper = new Swiper('#slider_6ac2d4c9ccee8', {
1315            slidesPerView: 'auto',
1316            spaceBetween: 16,
1317            // Livewire déclenche la navigation sur mousedown+mouseup (pas sur click).
1318            // Le preventDefault() de Swiper sur pointerdown supprime le mousedown
1319            // synthétisé par le navigateur, donc le listener de Livewire ne se déclenche
1320            // jamais et le clic sur les liens wire:navigate des slides reste sans effet.
1321            touchStartPreventDefault: false,
1322            preventClicks: false,
1323            preventClicksPropagation: false,
1324            
1325            
1326            mousewheel: {
1327                forceToAxis: true,
1328            },
1329            keyboard: {
1330                enabled: true,
1331                onlyInViewport: false,
1332            },
1333        });
1334    }
1335}" x-init="init()" id="slider_6ac2d4c9ccee8"
1336    class="flex items-stretch swiper-horizontal-mobile overflow-hidden overflow-y-visible overflow-x-clip" wire:loading.class="animate-pulse animate-duration-500">
1337    <div class="!h-auto swiper-wrapper">
1338        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1339        <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <div class="swiper-slide !w-[75px] sm:!w-[95px] hover:!-translate-y-1 transition">
1340    <div wire:key="brand-hager" wire:click="toggleBrandFilter('hager')"
1341                            class="relative cursor-pointer animate-duration-200 group
1342                              opacity-100">
1343                            <!--[if BLOCK]><![endif]-->    <div class="bg-white rounded-lg flex justify-center mb-2 relative pt-[56%] cursor-pointer">
1344        <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">
1345    </div>
1346<!--[if ENDBLOCK]><![endif]-->
1347                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1348</div>
1349                                    <div class="swiper-slide !w-[75px] sm:!w-[95px] hover:!-translate-y-1 transition">
1350    <div wire:key="brand-hansgrohe" wire:click="toggleBrandFilter('hansgrohe')"
1351                            class="relative cursor-pointer animate-duration-200 group
1352                              opacity-100">
1353                            <!--[if BLOCK]><![endif]-->    <div class="bg-white rounded-lg flex justify-center mb-2 relative pt-[56%] cursor-pointer">
1354        <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" class="absolute inset-0 object-contain w-full h-full p-2">
1355    </div>
1356<!--[if ENDBLOCK]><![endif]-->
1357                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1358</div>
1359                                    <div class="swiper-slide !w-[75px] sm:!w-[95px] hover:!-translate-y-1 transition">
1360    <div wire:key="brand-huppe" wire:click="toggleBrandFilter('huppe')"
1361                            class="relative cursor-pointer animate-duration-200 group
1362                              opacity-100">
1363                            <!--[if BLOCK]><![endif]-->    <div class="bg-white rounded-lg flex justify-center mb-2 relative pt-[56%] cursor-pointer">
1364        <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" class="absolute inset-0 object-contain w-full h-full p-2">
1365    </div>
1366<!--[if ENDBLOCK]><![endif]-->
1367                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1368</div>
1369                                    <div class="swiper-slide !w-[75px] sm:!w-[95px] hover:!-translate-y-1 transition">
1370    <div wire:key="brand-lacme" wire:click="toggleBrandFilter('lacme')"
1371                            class="relative cursor-pointer animate-duration-200 group
1372                              opacity-100">
1373                            <!--[if BLOCK]><![endif]-->    <div class="bg-white rounded-lg flex justify-center mb-2 relative pt-[56%] cursor-pointer">
1374        <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/lacme_61
1374757000057060198_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">
1375    </div>
1376<!--[if ENDBLOCK]><![endif]-->
1377                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1378</div>
1379                                    <div class="swiper-slide !w-[75px] sm:!w-[95px] hover:!-translate-y-1 transition">
1380    <div wire:key="brand-nocontest" wire:click="toggleBrandFilter('nocontest')"
1381                            class="relative cursor-pointer animate-duration-200 group
1382                              opacity-100">
1383                            <!--[if BLOCK]><![endif]-->    <div class="bg-white rounded-lg flex justify-center mb-2 relative pt-[56%] cursor-pointer">
1384        <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">
1385    </div>
1386<!--[if ENDBLOCK]><![endif]-->
1387                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1388</div>
1389                                    <div class="swiper-slide !w-[75px] sm:!w-[95px] hover:!-translate-y-1 transition">
1390    <div wire:key="brand-philips" wire:click="toggleBrandFilter('philips')"
1391                            class="relative cursor-pointer animate-duration-200 group
1392                              opacity-100">
1393                            <!--[if BLOCK]><![endif]-->    <div class="bg-white rounded-lg flex justify-center mb-2 relative pt-[56%] cursor-pointer">
1394        <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">
1395    </div>
1396<!--[if ENDBLOCK]><![endif]-->
1397                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1398</div>
1399                                    <div class="swiper-slide !w-[75px] sm:!w-[95px] hover:!-translate-y-1 transition">
1400    <div wire:key="brand-rems" wire:click="toggleBrandFilter('rems')"
1401                            class="relative cursor-pointer animate-duration-200 group
1402                              opacity-100">
1403                            <!--[if BLOCK]><![endif]-->    <div class="bg-white rounded-lg flex justify-center mb-2 relative pt-[56%] cursor-pointer">
1404        <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">
1405    </div>
1406<!--[if ENDBLOCK]><![endif]-->
1407                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1408</div>
1409                                    <div class="swiper-slide !w-[75px] sm:!w-[95px] hover:!-translate-y-1 transition">
1410    <div wire:key="brand-roth" wire:click="toggleBrandFilter('roth')"
1411                            class="relative cursor-pointer animate-duration-200 group
1412                              opacity-100">
1413                            <!--[if BLOCK]><![endif]-->    <div class="bg-white rounded-lg flex justify-center mb-2 relative pt-[56%] cursor-pointer">
1414        <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">
1415    </div>
1416<!--[if ENDBLOCK]><![endif]-->
1417                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1418</div>
1419                                    <div class="swiper-slide !w-[75px] sm:!w-[95px] hover:!-translate-y-1 transition">
1420    <div wire:key="brand-solidur" wire:click="toggleBrandFilter('solidur')"
1421                            class="relative cursor-pointer animate-duration-200 group
1422                              opacity-100">
1423                            <!--[if BLOCK]><![endif]-->    <div class="bg-white rounded-lg flex justify-center mb-2 relative pt-[56%] cursor-pointer">
1424        <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">
1425    </div>
1426<!--[if ENDBLOCK]><![endif]-->
1427                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1428</div>
1429                                    <div class="swiper-slide !w-[75px] sm:!w-[95px] hover:!-translate-y-1 transition">
1430    <div wire:key="brand-wirquin" wire:click="toggleBrandFilter('wirquin')"
1431                            class="relative cursor-pointer animate-duration-200 group
1432                              opacity-100">
1433                            <!--[if BLOCK]><![endif]-->    <div class="bg-white rounded-lg flex justify-center mb-2 relative pt-[56%] cursor-pointer">
1434        <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">
1435    </div>
1436<!--[if ENDBLOCK]><![endif]-->
1437                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1438</div>
1439                <!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->
1440    </div>
1441</div>
1442
1443        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </div>
1444</div>
1445                                        <div wire:snapshot="{&quot;data&quot;:{&quot;shopType&quot;:&quot;offers&quot;,&quot;filters&quot;:[{&quot;brands&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;universe&quot;:null,&quot;sort&quot;:[{&quot;unified_value&quot;:&quot;desc&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;offer_type&quot;:&quot;active&quot;,&quot;search&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;ids&quot;:null,&quot;gridClasses&quot;:null,&quot;perPage&quot;:12,&quot;totalCount&quot;:35,&quot;search&quot;:&quot;&quot;,&quot;showSearch&quot;:false,&quot;loadedFromCache&quot;:true,&quot;scrollTo&quot;:&quot;.shop-container&quot;,&quot;paginators&quot;:[{&quot;page&quot;:1,&quot;activeOffersPage&quot;:1},{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;NM6G3rviPAX4rVkCyMxf&quot;,&quot;name&quot;:&quot;shop.shop-list&quot;,&quot;path&quot;:&quot;offres-cashback&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;6783fbfce740e24bbb4ad44e89a765138b95594cf4b824368c30470497864f00&quot;}" wire:effects="{&quot;url&quot;:{&quot;paginators.page&quot;:{&quot;as&quot;:&quot;page&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;paginators.activeOffersPage&quot;:{&quot;as&quot;:&quot;activeOffersPage&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null}},&quot;listeners&quot;:[&quot;filters-updated&quot;]}" wire:id="NM6G3rviPAX4rVkCyMxf" class="shop-container">
1446    <div class="transition-opacity duration-300 opacity-100">
1447
1448        
1449        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1450        
1451        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1452        <div wire:loading class="text-center w-full py-4">
1453            <span class="loading w-8 h-8 loading-bars inline-block"></span>        </div>
1454        <!--[if BLOCK]><![endif]-->            <div class="grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4" wire:loading.class='opacity-50'>
1455                <!--[if BLOCK]><![endif]-->                    <div wire:key="offers-61757000085237046" class="h-full">
1456                        <div class="flex justify-center h-full">
1457                            <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->        <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>
1458    <!--[if BLOCK]><![endif]-->        <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]">
1459            <!--[if BLOCK]><![endif]-->                <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"
1460                    onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';"
1461                    class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 ">
1462            <!--[if ENDBLOCK]><![endif]-->
1463            <!--[if BLOCK]><![endif]-->                <div class="absolute z-20 top-2 right-2">
1464                    <span class="inline-flex bg-white rounded text-xs font-semibold shadow-lg [&amp;_span]:!bg-primary [&amp;_span]:!text-white">
1465    <!--[if BLOCK]><![endif]-->        <span class="px-2 py-1 text-xs rounded inline-flex items-center gap-1 bg-primary/10 text-primary">
1466            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <span>NOUVEAU</span>
1467            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </span>
1468    <!--[if ENDBLOCK]><![endif]--></span>
1469                </div>
1470            <!--[if ENDBLOCK]><![endif]-->
1471            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1472            
1473            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1474            <div
1475                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">
1476                <!--[if BLOCK]><![endif]-->
1476                    <span class="text-xs font-semibold leading-none text-white/80">Jusqu'à</span>
1477                <!--[if ENDBLOCK]><![endif]-->                <div class="text-sm font-bold leading-none lg:text-2xl">200 €</div>
1478                <div class="text-xs font-semibold xl:text-sm">remboursés</div>
1479            </div>
1480        </div>
1481
1482        <div class="flex flex-col justify-between flex-1 p-3 sm:p-4">
1483            <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Bon plan CoreLine</h3>
1484
1485                        <div class="mt-2">
1486                <!--[if BLOCK]><![endif]-->                    <div class="flex flex-wrap items-end gap-2">
1487                        <!--[if BLOCK]><![endif]-->                                                        <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->    <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">
1488        <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">
1489    </div>
1490<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </div>
1491                <!--[if ENDBLOCK]><![endif]-->
1492                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
1493        </div>
1494    <!--[if ENDBLOCK]><![endif]--></a>
1495<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        </div>
1496                    </div>
1497                                    <div wire:key="offers-61757000084926026" class="h-full">
1498                        <div class="flex justify-center h-full">
1499                            <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->        <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>
1500    <!--[if BLOCK]><![endif]-->        <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]">
1501            <!--[if BLOCK]><![endif]-->                <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"
1502                    onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';"
1503                    class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 ">
1504            <!--[if ENDBLOCK]><![endif]-->
1505            <!--[if BLOCK]><![endif]-->                <div class="absolute z-20 top-2 right-2">
1506                    <span class="inline-flex bg-white rounded text-xs font-semibold shadow-lg [&amp;_span]:!bg-primary [&amp;_span]:!text-white">
1507    <!--[if BLOCK]><![endif]-->        <span class="px-2 py-1 text-xs rounded inline-flex items-center gap-1 bg-primary/10 text-primary">
1508            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <span>NOUVEAU</span>
1509            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </span>
1510    <!--[if ENDBLOCK]><![endif]--></span>
1511                </div>
1512            <!--[if ENDBLOCK]><![endif]-->
1513            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1514            
1515            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1516            <div
1517                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">
1518                <!--[if BLOCK]><![endif]-->
1518                    <span class="text-xs font-semibold leading-none text-white/80">Jusqu'à</span>
1519                <!--[if ENDBLOCK]><![endif]-->                <div class="text-sm font-bold leading-none lg:text-2xl">10 €</div>
1520                <div class="text-xs font-semibold xl:text-sm">remboursés</div>
1521            </div>
1522        </div>
1523
1524        <div class="flex flex-col justify-between flex-1 p-3 sm:p-4">
1525            <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Offre tertiaire de proximité</h3>
1526
1527                        <div class="mt-2">
1528                <!--[if BLOCK]><![endif]-->                    <div class="flex flex-wrap items-end gap-2">
1529                        <!--[if BLOCK]><![endif]-->                                                        <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->    <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">
1530        <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">
1531    </div>
1532<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </div>
1533                <!--[if ENDBLOCK]><![endif]-->
1534                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
1535        </div>
1536    <!--[if ENDBLOCK]><![endif]--></a>
1537<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        </div>
1538                    </div>
1539                                    <div wire:key="offers-61757000084630067" class="h-full">
1540                        <div class="flex justify-center h-full">
1541                            <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->        <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>
1542    <!--[if BLOCK]><![endif]-->        <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]">
1543            <!--[if BLOCK]><![endif]-->                <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"
1544                    onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';"
1545                    class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 ">
1546            <!--[if ENDBLOCK]><![endif]-->
1547            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1548            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1549            
1550            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1551            <div
1552                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">
1553                <!--[if BLOCK]><![endif]-->                    <span class="text-xs font-semibold leading-none text-white/80">Jusqu'à</span>
1554                <!--[if ENDBLOCK]><![endif]-->                <div class="text-sm font-bold leading-none lg:text-2xl">300 €</div>
1555                <div class="text-xs font-semibold xl:text-sm">remboursés</div>
1556            </div>
1557        </div>
1558
1559        <div class="flex flex-col justify-between flex-1 p-3 sm:p-4">
1560            <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Offre Color Touch</h3>
1561
1562                        <div class="mt-2">
1563                <!--[if BLOCK]><![endif]-->                    <div class="flex flex-wrap items-end gap-2">
1564                        <!--[if BLOCK]><![endif]-->                                                        <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->    <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">
1565        <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">
1566    </div>
1567<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </div>
1568                <!--[if ENDBLOCK]><![endif]-->
1569                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
1570        </div>
1571    <!--[if ENDBLOCK]><![endif]--></a>
1572<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        </div>
1573                    </div>
1574                                    <div wire:key="offers-61757000077238889" class="h-full">
1575                        <div class="flex justify-center h-full">
1576                            <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->        <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>
1577    <!--[if BLOCK]><![endif]-->        <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]">
1578            <!--[if BLOCK]><![endif]-->                <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"
1579                    onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';"
1580                    class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 ">
1581            <!--[if ENDBLOCK]><![endif]-->
1582            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1583            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1584            
1585            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1586            <div
1587                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">
1588                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <div class="text-sm font-bold leading-none lg:text-2xl">300 €</div>
1589                <div class="text-xs font-semibold xl:text-sm">remboursés</div>
1590            </div>
1591        </div>
1592
1593        <div class="flex flex-col justify-between flex-1 p-3 sm:p-4">
1594            <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Offre Multi-Push SLW</h3>
1595
1596                        <div class="mt-2">
1597                <!--[if BLOCK]><![endif]-->                    <div class="flex flex-wrap items-end gap-2">
1598                        <!--[if BLOCK]><![endif]-->                                                        <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->    <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">
1599        <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">
1600    </div>
1601<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </div>
1602                <!--[if ENDBLOCK]><![endif]-->
1603                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
1604        </div>
1605    <!--[if ENDBLOCK]><![endif]--></a>
1606<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        </div>
1607                    </div>
1608                                    <div wire:key="offers-61757000076760189" class="h-full">
1609                        <div class="flex justify-center h-full">
1610                            <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->        <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>
1611    <!--[if BLOCK]><![endif]-->        <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]">
1612            <!--[if BLOCK]><![endif]-->                <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"
1613                    onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';"
1614                    class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 ">
1615            <!--[if ENDBLOCK]><![endif]-->
1616            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1617            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1618            
1619            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1620            <div
1621                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">
1622                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <div class="text-sm font-bold leading-none lg:text-2xl">300 €</div>
1623                <div class="text-xs font-semibold xl:text-sm">remboursés</div>
1624            </div>
1625        </div>
1626
1627        <div class="flex flex-col justify-between flex-1 p-3 sm:p-4">
1628            <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Lacmé 70 ans - offre 300 €</h3>
1629
1630                        <div class="mt-2">
1631                <!--[if BLOCK]><![endif]-->                    <div class="flex flex-wrap items-end gap-2">
1632                        <!--[if BLOCK]><![endif]-->                                                        <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->    <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">
1633        <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/lacme_61
1633757000057060198_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">
1634    </div>
1635<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </div>
1636                <!--[if ENDBLOCK]><![endif]-->
1637                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
1638        </div>
1639    <!--[if ENDBLOCK]><![endif]--></a>
1640<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        </div>
1641                    </div>
1642                                    <div wire:key="offers-61757000076760201" class="h-full">
1643                        <div class="flex justify-center h-full">
1644                            <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->        <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-270-" x-scroll-to>
1645    <!--[if BLOCK]><![endif]-->        <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]">
1646            <!--[if BLOCK]><![endif]-->                <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/08/lacme-70-ans---offre-270-_61757000076760201_1-medium.webp" alt="Lacmé 70 ans - offre 270 €" loading="lazy"
1647                    onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';"
1648                    class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 ">
1649            <!--[if ENDBLOCK]><![endif]-->
1650            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1651            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1652            
1653            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1654            <div
1655                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">
1656                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <div class="text-sm font-bold leading-none lg:text-2xl">270 €</div>
1657                <div class="text-xs font-semibold xl:text-sm">remboursés</div>
1658            </div>
1659        </div>
1660
1661        <div class="flex flex-col justify-between flex-1 p-3 sm:p-4">
1662            <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Lacmé 70 ans - offre 270 €</h3>
1663
1664                        <div class="mt-2">
1665                <!--[if BLOCK]><![endif]-->                    <div class="flex flex-wrap items-end gap-2">
1666                        <!--[if BLOCK]><![endif]-->                                                        <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->    <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">
1667        <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é" class="absolute inset-0 object-contain w-full h-full p-2">
1668    </div>
1669<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </div>
1670                <!--[if ENDBLOCK]><![endif]-->
1671                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
1672        </div>
1673    <!--[if ENDBLOCK]><![endif]--></a>
1674<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        </div>
1675                    </div>
1676                                    <div wire:key="offers-61757000076760573" class="h-full">
1677                        <div class="flex justify-center h-full">
1678                            <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->        <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-240-" x-scroll-to>
1679    <!--[if BLOCK]><![endif]-->        <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]">
1680            <!--[if BLOCK]><![endif]-->                <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/01/lacme-70-ans---offre-240-_61757000076760573_3-medium.webp" alt="Lacmé 70 ans - offre 240 €" loading="lazy"
1681                    onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';"
1682                    class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 ">
1683            <!--[if ENDBLOCK]><![endif]-->
1684            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1685            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1686            
1687            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1688            <div
1689                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">
1690                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <div class="text-sm font-bold leading-none lg:text-2xl">240 €</div>
1691                <div class="text-xs font-semibold xl:text-sm">remboursés</div>
1692            </div>
1693        </div>
1694
1695        <div class="flex flex-col justify-between flex-1 p-3 sm:p-4">
1696            <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Lacmé 70 ans - offre 240 €</h3>
1697
1698                        <div class="mt-2">
1699                <!--[if BLOCK]><![endif]-->                    <div class="flex flex-wrap items-end gap-2">
1700                        <!--[if BLOCK]><![endif]-->                                                        <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->    <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">
1701        <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/lacme_61
1701757000057060198_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">
1702    </div>
1703<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </div>
1704                <!--[if ENDBLOCK]><![endif]-->
1705                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
1706        </div>
1707    <!--[if ENDBLOCK]><![endif]--></a>
1708<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        </div>
1709                    </div>
1710                                    <div wire:key="offers-61757000076760221" class="h-full">
1711                        <div class="flex justify-center h-full">
1712                            <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->        <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-210-" x-scroll-to>
1713    <!--[if BLOCK]><![endif]-->        <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]">
1714            <!--[if BLOCK]><![endif]-->                <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/09/lacme-70-ans---offre-210-_61757000076760221_4-medium.webp" alt="Lacmé 70 ans - offre 210 €" loading="lazy"
1715                    onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';"
1716                    class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 ">
1717            <!--[if ENDBLOCK]><![endif]-->
1718            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1719            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1720            
1721            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1722            <div
1723                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">
1724                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <div class="text-sm font-bold leading-none lg:text-2xl">210 €</div>
1725                <div class="text-xs font-semibold xl:text-sm">remboursés</div>
1726            </div>
1727        </div>
1728
1729        <div class="flex flex-col justify-between flex-1 p-3 sm:p-4">
1730            <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Lacmé 70 ans - offre 210 €</h3>
1731
1732                        <div class="mt-2">
1733                <!--[if BLOCK]><![endif]-->                    <div class="flex flex-wrap items-end gap-2">
1734                        <!--[if BLOCK]><![endif]-->                                                        <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->    <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">
1735        <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é" class="absolute inset-0 object-contain w-full h-full p-2">
1736    </div>
1737<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </div>
1738                <!--[if ENDBLOCK]><![endif]-->
1739                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
1740        </div>
1741    <!--[if ENDBLOCK]><![endif]--></a>
1742<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        </div>
1743                    </div>
1744                                    <div wire:key="offers-61757000077238965" class="h-full">
1745                        <div class="flex justify-center h-full">
1746                            <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->        <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-picus-dwp1" x-scroll-to>
1747    <!--[if BLOCK]><![endif]-->        <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]">
1748            <!--[if BLOCK]><![endif]-->                <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/09/offre-picus-dwp1_61757000077238965_1-medium.webp" alt="Offre Picus DWP" loading="lazy"
1749                    onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';"
1750                    class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 ">
1751            <!--[if ENDBLOCK]><![endif]-->
1752            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1753            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1754            
1755            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1756            <div
1757                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">
1758                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <div class="text-sm font-bold leading-none lg:text-2xl">200 €</div>
1759                <div class="text-xs font-semibold xl:text-sm">remboursés</div>
1760            </div>
1761        </div>
1762
1763        <div class="flex flex-col justify-between flex-1 p-3 sm:p-4">
1764            <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Offre Picus DWP</h3>
1765
1766                        <div class="mt-2">
1767                <!--[if BLOCK]><![endif]-->                    <div class="flex flex-wrap items-end gap-2">
1768                        <!--[if BLOCK]><![endif]-->                                                        <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->    <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">
1769        <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">
1770    </div>
1771<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </div>
1772                <!--[if ENDBLOCK]><![endif]-->
1773                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
1774        </div>
1775    <!--[if ENDBLOCK]><![endif]--></a>
1776<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        </div>
1777                    </div>
1778                                    <div wire:key="offers-61757000076760309" class="h-full">
1779                        <div class="flex justify-center h-full">
1780                            <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->        <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-200-" x-scroll-to>
1781    <!--[if BLOCK]><![endif]-->        <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]">
1782            <!--[if BLOCK]><![endif]-->                <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/01/lacme-70-ans---offre-200-_61757000076760309_4-medium.webp" alt="Lacmé 70 ans - offre 200 €" loading="lazy"
1783                    onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';"
1784                    class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 ">
1785            <!--[if ENDBLOCK]><![endif]-->
1786            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1787            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1788            
1789            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1790            <div
1791                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">
1792                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <div class="text-sm font-bold leading-none lg:text-2xl">200 €</div>
1793                <div class="text-xs font-semibold xl:text-sm">remboursés</div>
1794            </div>
1795        </div>
1796
1797        <div class="flex flex-col justify-between flex-1 p-3 sm:p-4">
1798            <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Lacmé 70 ans - offre 200 €</h3>
1799
1800                        <div class="mt-2">
1801                <!--[if BLOCK]><![endif]-->                    <div class="flex flex-wrap items-end gap-2">
1802                        <!--[if BLOCK]><![endif]-->                                                        <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->    <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">
1803        <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/lacme_61
1803757000057060198_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">
1804    </div>
1805<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </div>
1806                <!--[if ENDBLOCK]><![endif]-->
1807                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
1808        </div>
1809    <!--[if ENDBLOCK]><![endif]--></a>
1810<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        </div>
1811                    </div>
1812                                    <div wire:key="offers-61757000076760253" class="h-full">
1813                        <div class="flex justify-center h-full">
1814                            <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->        <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-180-" x-scroll-to>
1815    <!--[if BLOCK]><![endif]-->        <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]">
1816            <!--[if BLOCK]><![endif]-->                <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/08/lacme-70-ans---offre-180-_61757000076760253_1-medium.webp" alt="Lacmé 70 ans - offre 180 €" loading="lazy"
1817                    onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';"
1818                    class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 ">
1819            <!--[if ENDBLOCK]><![endif]-->
1820            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1821            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1822            
1823            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1824            <div
1825                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">
1826                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <div class="text-sm font-bold leading-none lg:text-2xl">180 €</div>
1827                <div class="text-xs font-semibold xl:text-sm">remboursés</div>
1828            </div>
1829        </div>
1830
1831        <div class="flex flex-col justify-between flex-1 p-3 sm:p-4">
1832            <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Lacmé 70 ans - offre 180 €</h3>
1833
1834                        <div class="mt-2">
1835                <!--[if BLOCK]><![endif]-->                    <div class="flex flex-wrap items-end gap-2">
1836                        <!--[if BLOCK]><![endif]-->                                                        <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->    <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">
1837        <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é" class="absolute inset-0 object-contain w-full h-full p-2">
1838    </div>
1839<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </div>
1840                <!--[if ENDBLOCK]><![endif]-->
1841                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
1842        </div>
1843    <!--[if ENDBLOCK]><![endif]--></a>
1844<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        </div>
1845                    </div>
1846                                    <div wire:key="offers-61757000076760273" class="h-full">
1847                        <div class="flex justify-center h-full">
1848                            <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->        <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-160-" x-scroll-to>
1849    <!--[if BLOCK]><![endif]-->        <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]">
1850            <!--[if BLOCK]><![endif]-->                <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/01/lacme-70-ans---offre-160-_61757000076760273_4-medium.webp" alt="Lacmé 70 ans - offre 160 €" loading="lazy"
1851                    onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';"
1852                    class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 ">
1853            <!--[if ENDBLOCK]><![endif]-->
1854            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1855            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1856            
1857            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1858            <div
1859                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">
1860                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <div class="text-sm font-bold leading-none lg:text-2xl">160 €</div>
1861                <div class="text-xs font-semibold xl:text-sm">remboursés</div>
1862            </div>
1863        </div>
1864
1865        <div class="flex flex-col justify-between flex-1 p-3 sm:p-4">
1866            <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Lacmé 70 ans - offre 160 €</h3>
1867
1868                        <div class="mt-2">
1869                <!--[if BLOCK]><![endif]-->                    <div class="flex flex-wrap items-end gap-2">
1870                        <!--[if BLOCK]><![endif]-->                                                        <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->    <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">
1871        <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/lacme_61
1871757000057060198_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">
1872    </div>
1873<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </div>
1874                <!--[if ENDBLOCK]><![endif]-->
1875                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
1876        </div>
1877    <!--[if ENDBLOCK]><![endif]--></a>
1878<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        </div>
1879                    </div>
1880                <!--[if ENDBLOCK]><![endif]-->            </div>
1881
1882            <div class="my-4">
1883                                <div>
1884    <!--[if BLOCK]><![endif]-->        <nav role="navigation" aria-label="Pagination Navigation" class="flex items-center justify-between">
1885            <div class="flex justify-between flex-1 sm:hidden">
1886                <span>
1887                    <!--[if BLOCK]><![endif]-->                        <span
1888                            class="relative inline-flex items-center px-4 py-2 text-sm font-medium leading-5 text-gray-500 bg-white border border-gray-300 rounded-md cursor-default ">
1889                            Précédent
1890                        </span>
1891                    <!--[if ENDBLOCK]><![endif]-->                </span>
1892
1893                <span>
1894                    <!--[if BLOCK]><![endif]-->                        <button type="button" wire:click="nextPage('activeOffersPage')"
1895                            x-on:click="setTimeout(() => { 
1896                const targetEl = document.querySelector(&#039;#active-offers-section&#039;);
1897                if (targetEl) {
1898                    // Wait for Livewire to finish updating the DOM
1899                    requestAnimationFrame(() =&gt; {
1900                        const rect = targetEl.getBoundingClientRect();
1901                        const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
1902                        const targetTop = rect.top + scrollTop;
1903                        
1904                        // Get all potentially fixed headers
1905                        const allHeaders = document.querySelectorAll(&#039;header, .header, [class*=&quot;fixed&quot;]&#039;);
1906                        let totalHeaderHeight = 0;
1907                        allHeaders.forEach(header =&gt; {
1908                            const style = getComputedStyle(header);
1909                            if (style.position === &#039;fixed&#039; || style.position === &#039;sticky&#039;) {
1910                                totalHeaderHeight += header.offsetHeight;
1911                            }
1912                        });
1913                        
1914                        // Use a larger offset to position content better under the header
1915                        const finalPosition = targetTop - totalHeaderHeight - 40;
1916                        
1917                        window.scrollTo({
1918                            top: Math.max(0, finalPosition),
1919                            behavior: &#039;smooth&#039;
1920                        });
1921                    });
1922                }
1923             }, 100)" wire:loading.attr="disabled"
1924                            dusk="nextPage.activeOffersPage.before"
1925                            class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium leading-5 text-gray-700 transition duration-150 ease-in-out bg-white border border-gray-300 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-blue-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 ">
1926                            Suivant
1927                        </button>
1928                    <!--[if ENDBLOCK]><![endif]-->                </span>
1929            </div>
1930
1931            <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between">
1932                <!--[if BLOCK]><![endif]-->                    <div>
1933                        <p class="text-sm leading-5 text-gray-700">
1934                            <span>Affichage</span>
1935                            <span class="font-medium">1</span>
1936                            <span>à</span>
1937                            <span class="font-medium">12</span>
1938                            <span>sur</span>
1939                            <span class="font-medium">35</span>
1940                            <span>résultats</span>
1941                        </p>
1942                    </div>
1943                <!--[if ENDBLOCK]><![endif]-->
1944                <div>
1945                    <span class="relative z-0 inline-flex rounded-md shadow-sm rtl:flex-row-reverse">
1946                        <span>
1947                            
1948                            <!--[if BLOCK]><![endif]-->                                <span aria-disabled="true" aria-label="pagination.previous">
1949                                    <span
1950                                        class="relative inline-flex items-center px-2 py-2 text-sm font-medium leading-5 text-gray-500 bg-white border border-gray-300 cursor-default rounded-l-md"
1951                                        aria-hidden="true">
1952                                        <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
1953                                            <path fill-rule="evenodd"
1954                                                d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z"
1955                                                clip-rule="evenodd" />
1956                                        </svg>
1957                                    </span>
1958                                </span>
1959                            <!--[if ENDBLOCK]><![endif]-->                        </span>
1960
1961                        
1962                        
1963                        
1964                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1965                        
1966                        <!--[if BLOCK]><![endif]-->                            <span wire:key="paginator-activeOffersPage-page1">
1967                                <!--[if BLOCK]><![endif]-->                                    <span aria-current="page">
1968                                        <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium leading-5 border cursor-default text-primary bg-primary/10 border-primary/20">1</span>
1969                                    </span>
1970                                <!--[if ENDBLOCK]><![endif]-->                            </span>
1971                                                    <span wire:key="paginator-activeOffersPage-page2">
1972                                <!--[if BLOCK]><![endif]-->                                    <button type="button" wire:click="gotoPage(2, 'activeOffersPage')"
1973                                        x-on:click="setTimeout(() => { 
1974                const targetEl = document.querySelector(&#039;#active-offers-section&#039;);
1975                if (targetEl) {
1976                    // Wait for Livewire to finish updating the DOM
1977                    requestAnimationFrame(() =&gt; {
1978                        const rect = targetEl.getBoundingClientRect();
1979                        const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
1980                        const targetTop = rect.top + scrollTop;
1981                        
1982                        // Get all potentially fixed headers
1983                        const allHeaders = document.querySelectorAll(&#039;header, .header, [class*=&quot;fixed&quot;]&#039;);
1984                        let totalHeaderHeight = 0;
1985                        allHeaders.forEach(header =&gt; {
1986                            const style = getComputedStyle(header);
1987                            if (style.position === &#039;fixed&#039; || style.position === &#039;sticky&#039;) {
1988                                totalHeaderHeight += header.offsetHeight;
1989                            }
1990                        });
1991                        
1992                        // Use a larger offset to position content better under the header
1993                        const finalPosition = targetTop - totalHeaderHeight - 40;
1994                        
1995                        window.scrollTo({
1996                            top: Math.max(0, finalPosition),
1997                            behavior: &#039;smooth&#039;
1998                        });
1999                    });
2000                }
2001             }, 100)"
2002                                        class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium leading-5 text-gray-700 transition duration-150 ease-in-out bg-white border border-gray-300 hover:cursor-pointer hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700">
2003                                        2
2004                                    </button>
2005                                <!--[if ENDBLOCK]><![endif]-->                            </span>
2006                                                    <span wire:key="paginator-activeOffersPage-page3">
2007                                <!--[if BLOCK]><![endif]-->                                    <button type="button" wire:click="gotoPage(3, 'activeOffersPage')"
2008                                        x-on:click="setTimeout(() => { 
2009                const targetEl = document.querySelector(&#039;#active-offers-section&#039;);
2010                if (targetEl) {
2011                    // Wait for Livewire to finish updating the DOM
2012                    requestAnimationFrame(() =&gt; {
2013                        const rect = targetEl.getBoundingClientRect();
2014                        const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
2015                        const targetTop = rect.top + scrollTop;
2016                        
2017                        // Get all potentially fixed headers
2018                        const allHeaders = document.querySelectorAll(&#039;header, .header, [class*=&quot;fixed&quot;]&#039;);
2019                        let totalHeaderHeight = 0;
2020                        allHeaders.forEach(header =&gt; {
2021                            const style = getComputedStyle(header);
2022                            if (style.position === &#039;fixed&#039; || style.position === &#039;sticky&#039;) {
2023                                totalHeaderHeight += header.offsetHeight;
2024                            }
2025                        });
2026                        
2027                        // Use a larger offset to position content better under the header
2028                        const finalPosition = targetTop - totalHeaderHeight - 40;
2029                        
2030                        window.scrollTo({
2031                            top: Math.max(0, finalPosition),
2032                            behavior: &#039;smooth&#039;
2033                        });
2034                    });
2035                }
2036             }, 100)"
2037                                        class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium leading-5 text-gray-700 transition duration-150 ease-in-out bg-white border border-gray-300 hover:cursor-pointer hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700">
2038                                        3
2039                                    </button>
2040                                <!--[if ENDBLOCK]><![endif]-->                            </span>
2041                        <!--[if ENDBLOCK]><![endif]-->
2042                        
2043                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2044                        <span>
2045                            
2046                            <!--[if BLOCK]><![endif]-->                                <button type="button" wire:click="nextPage('activeOffersPage')"
2047                                    x-on:click="setTimeout(() => { 
2048                const targetEl = document.querySelector(&#039;#active-offers-section&#039;);
2049                if (targetEl) {
2050                    // Wait for Livewire to finish updating the DOM
2051                    requestAnimationFrame(() =&gt; {
2052                        const rect = targetEl.getBoundingClientRect();
2053                        const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
2054                        const targetTop = rect.top + scrollTop;
2055                        
2056                        // Get all potentially fixed headers
2057                        const allHeaders = document.querySelectorAll(&#039;header, .header, [class*=&quot;fixed&quot;]&#039;);
2058                        let totalHeaderHeight = 0;
2059                        allHeaders.forEach(header =&gt; {
2060                            const style = getComputedStyle(header);
2061                            if (style.position === &#039;fixed&#039; || style.position === &#039;sticky&#039;) {
2062                                totalHeaderHeight += header.offsetHeight;
2063                            }
2064                        });
2065                        
2066                        // Use a larger offset to position content better under the header
2067                        const finalPosition = targetTop - totalHeaderHeight - 40;
2068                        
2069                        window.scrollTo({
2070                            top: Math.max(0, finalPosition),
2071                            behavior: &#039;smooth&#039;
2072                        });
2073                    });
2074                }
2075             }, 100)"
2076                                    dusk="nextPage.activeOffersPage.after"
2077                                    class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium leading-5 text-gray-500 transition duration-150 ease-in-out bg-white border border-gray-300 rounded-r-md hover:text-gray-400 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-500"
2078                                    aria-label="Suivant">
2079                                    <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
2080                                        <path fill-rule="evenodd"
2081                                            d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
2082                                            clip-rule="evenodd" />
2083                                    </svg>
2084                                </button>
2085                            <!--[if ENDBLOCK]><![endif]-->                        </span>
2086                    </span>
2087                </div>
2088            </div>
2089        </nav>
2090    <!--[if ENDBLOCK]><![endif]--></div>
2091
2092            </div>
2093        <!--[if ENDBLOCK]><![endif]-->
2094    </div> 
2095</div> 
2096                </div>
2097            <!--[if ENDBLOCK]><![endif]-->
2098            
2099            <!--[if BLOCK]><![endif]-->                <div id="expired-offers-section" class="mb-8">
2100                    <h2 class="text-xl font-bold text-secondary mb-4">Offres encore remboursables</h2>
2101                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <p class="text-sm text-gray-600 mb-4">Ces offres Cashback sont arrivées à échéance. Vous avez effectué un achat éligible avant leur
2102                        expiration ? Vous pouvez encore bénéficier de l'offre en enregistrant votre facture jusqu'à trois mois après votre achat !</p>
2103                    <div wire:snapshot="{&quot;data&quot;:{&quot;shopType&quot;:&quot;offers&quot;,&quot;filters&quot;:[{&quot;brands&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;universe&quot;:null,&quot;sort&quot;:[{&quot;unified_value&quot;:&quot;desc&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;offer_type&quot;:&quot;expired&quot;,&quot;search&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;ids&quot;:null,&quot;gridClasses&quot;:null,&quot;perPage&quot;:12,&quot;totalCount&quot;:11,&quot;search&quot;:&quot;&quot;,&quot;showSearch&quot;:false,&quot;loadedFromCache&quot;:true,&quot;scrollTo&quot;:&quot;.shop-container&quot;,&quot;paginators&quot;:[{&quot;page&quot;:1,&quot;expiredOffersPage&quot;:1},{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;e0HU1eTV3F7LeTTcKV0G&quot;,&quot;name&quot;:&quot;shop.shop-list&quot;,&quot;path&quot;:&quot;offres-cashback&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;1a7d7bef5003209035a794f3fc8b9be5ef1d0223e52e1fa290049f58daea214f&quot;}" wire:effects="{&quot;url&quot;:{&quot;paginators.page&quot;:{&quot;as&quot;:&quot;page&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;paginators.expiredOffersPage&quot;:{&quot;as&quot;:&quot;expiredOffersPage&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null}},&quot;listeners&quot;:[&quot;filters-updated&quot;]}" wire:id="e0HU1eTV3F7LeTTcKV0G" class="shop-container">
2104    <div class="transition-opacity duration-300 opacity-100">
2105
2106        
2107        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2108        
2109        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2110        <div wire:loading class="text-center w-full py-4">
2111            <span class="loading w-8 h-8 loading-bars inline-block"></span>        </div>
2112        <!--[if BLOCK]><![endif]-->            <div class="grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4" wire:loading.class='opacity-50'>
2113                <!--[if BLOCK]><![endif]-->                    <div wire:key="offers-61757000080639898" class="h-full">
2114                        <div class="flex justify-center h-full">
2115                            <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->        <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-gamme-abattants-de-wc" x-scroll-to>
2116    <!--[if BLOCK]><![endif]-->        <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]">
2117            <!--[if BLOCK]><![endif]-->                <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/09/offre-gamme-abattants-de-wc_61757000080639898_1-medium.webp" alt="Offre gamme Abattants de WC" loading="lazy"
2118                    onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';"
2119                    class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 grayscale">
2120            <!--[if ENDBLOCK]><![endif]-->
2121            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2122            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2123            
2124            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2125            <div
2126                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">
2127                <!--[if BLOCK]><![endif]-->                    <span class="text-xs font-semibold leading-none text-white/80">Jusqu'à</span>
2128                <!--[if ENDBLOCK]><![endif]-->                <div class="text-sm font-bold leading-none lg:text-2xl">200 €</div>
2129                <div class="text-xs font-semibold xl:text-sm">remboursés</div>
2130            </div>
2131        </div>
2132
2133        <div class="flex flex-col justify-between flex-1 p-3 sm:p-4">
2134            <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Offre gamme Abattants de WC</h3>
2135
2136                        <div class="mt-2">
2137                <!--[if BLOCK]><![endif]-->                    <div class="flex flex-wrap items-end gap-2">
2138                        <!--[if BLOCK]><![endif]-->                                                        <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->    <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">
2139        <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">
2140    </div>
2141<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2142                <!--[if ENDBLOCK]><![endif]-->
2143                <!--[if BLOCK]><![endif]-->                    <p class="flex items-start gap-1.5 mt-2 text-xs leading-snug text-base-content/70">
2144                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <svg class="inline flex-shrink-0 w-3.5 h-3.5 mt-0.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">
2145  <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
2146</svg>
2147    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2147                        <span>Offre valable sur les achats effectués entre le <span class="text-secondary">07/07/2026</span> et le <span
2148                                class="text-secondary">31/08/2026</span></span>
2149                    </p>
2150                <!--[if ENDBLOCK]><![endif]-->            </div>
2151        </div>
2152    <!--[if ENDBLOCK]><![endif]--></a>
2153<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        </div>
2154                    </div>
2155                                    <div wire:key="offers-61757000080639862" class="h-full">
2156                        <div class="flex justify-center h-full">
2157                            <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->        <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/preparer-son-relamping-dete-avec-les-tubes-led-philips" x-scroll-to>
2158    <!--[if BLOCK]><![endif]-->        <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]">
2159            <!--[if BLOCK]><![endif]-->                <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/05/preparer-son-relamping-dete-avec-les-tubes-led-philips_61757000080639862_3-medium.webp" alt="Préparer son relamping d&#039;été avec les tubes LED PHILIPS" loading="lazy"
2160                    onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';"
2161                    class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 grayscale">
2162            <!--[if ENDBLOCK]><![endif]-->
2163            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2164            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2165            
2166            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2167            <div
2168                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">
2169                <!--[if BLOCK]><![endif]-->                    <span class="text-xs font-semibold leading-none text-white/80">Jusqu'à</span>
2170                <!--[if ENDBLOCK]><![endif]-->                <div class="text-sm font-bold leading-none lg:text-2xl">150 €</div>
2171                <div class="text-xs font-semibold xl:text-sm">remboursés</div>
2172            </div>
2173        </div>
2174
2175        <div class="flex flex-col justify-between flex-1 p-3 sm:p-4">
2176            <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Préparer son relamping d'été avec les tubes LED PHILIPS</h3>
2177
2178                        <div class="mt-2">
2179                <!--[if BLOCK]><![endif]-->                    <div class="flex flex-wrap items-end gap-2">
2180                        <!--[if BLOCK]><![endif]-->                                                        <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->    <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">
2181        <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">
2182    </div>
2183<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2184                <!--[if ENDBLOCK]><![endif]-->
2185                <!--[if BLOCK]><![endif]-->                    <p class="flex items-start gap-1.5 mt-2 text-xs leading-snug text-base-content/70">
2186                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <svg class="inline flex-shrink-0 w-3.5 h-3.5 mt-0.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">
2187  <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
2188</svg>
2189    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2189                        <span>Offre valable sur les achats effectués entre le <span class="text-secondary">07/07/2026</span> et le <span
2190                                class="text-secondary">31/08/2026</span></span>
2191                    </p>
2192                <!--[if ENDBLOCK]><![endif]-->            </div>
2193        </div>
2194    <!--[if ENDBLOCK]><![endif]--></a>
2195<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        </div>
2196                    </div>
2197                                    <div wire:key="offers-61757000080250750" class="h-full">
2198                        <div class="flex justify-center h-full">
2199                            <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->        <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-protecteurs-darc-afdd1" x-scroll-to>
2200    <!--[if BLOCK]><![endif]-->        <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]">
2201            <!--[if BLOCK]><![endif]-->                <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/04/offre-protecteurs-darc-afdd1_61757000080250750_1-medium.webp" alt="Offre protecteurs d’arc AFDD" loading="lazy"
2202                    onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';"
2203                    class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 grayscale">
2204            <!--[if ENDBLOCK]><![endif]-->
2205            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2206            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2207            
2208            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2209            <div
2210                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">
2211                <!--[if BLOCK]><![endif]-->                    <span class="text-xs font-semibold leading-none text-white/80">Jusqu'à</span>
2212                <!--[if ENDBLOCK]><![endif]-->                <div class="text-sm font-bold leading-none lg:text-2xl">150 €</div>
2213                <div class="text-xs font-semibold xl:text-sm">remboursés</div>
2214            </div>
2215        </div>
2216
2217        <div class="flex flex-col justify-between flex-1 p-3 sm:p-4">
2218            <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Offre protecteurs d’arc AFDD</h3>
2219
2220                        <div class="mt-2">
2221                <!--[if BLOCK]><![endif]-->                    <div class="flex flex-wrap items-end gap-2">
2222                        <!--[if BLOCK]><![endif]-->                                                        <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->    <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">
2223        <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">
2224    </div>
2225<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2226                <!--[if ENDBLOCK]><![endif]-->
2227                <!--[if BLOCK]><![endif]-->                    <p class="flex items-start gap-1.5 mt-2 text-xs leading-snug text-base-content/70">
2228                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <svg class="inline flex-shrink-0 w-3.5 h-3.5 mt-0.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">
2229  <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
2230</svg>
2231    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2231                        <span>Offre valable sur les achats effectués entre le <span class="text-secondary">07/07/2026</span> et le <span
2232                                class="text-secondary">31/08/2026</span></span>
2233                    </p>
2234                <!--[if ENDBLOCK]><![endif]-->            </div>
2235        </div>
2236    <!--[if ENDBLOCK]><![endif]--></a>
2237<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        </div>
2238                    </div>
2239                                    <div wire:key="offers-61757000082747523" class="h-full">
2240                        <div class="flex justify-center h-full">
2241                            <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->        <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/cashback-ultra-efficace-avec-philips-ultra-efficient" x-scroll-to>
2242    <!--[if BLOCK]><![endif]-->        <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]">
2243            <!--[if BLOCK]><![endif]-->                <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/07/cashback-ultra-efficace-avec-philips-ultra-efficient_61757000082747523_1-medium.webp" alt="Cashback Ultra efficace avec Philips Ultra Efficient" loading="lazy"
2244                    onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';"
2245                    class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 grayscale">
2246            <!--[if ENDBLOCK]><![endif]-->
2247            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2248            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2249            
2250            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2251            <div
2252                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">
2253                <!--[if BLOCK]><![endif]-->                    <span class="text-xs font-semibold leading-none text-white/80">Jusqu'à</span>
2254                <!--[if ENDBLOCK]><![endif]-->                <div class="text-sm font-bold leading-none lg:text-2xl">100 €</div>
2255                <div class="text-xs font-semibold xl:text-sm">remboursés</div>
2256            </div>
2257        </div>
2258
2259        <div class="flex flex-col justify-between flex-1 p-3 sm:p-4">
2260            <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Cashback Ultra efficace avec Philips Ultra Efficient</h3>
2261
2262                        <div class="mt-2">
2263                <!--[if BLOCK]><![endif]-->                    <div class="flex flex-wrap items-end gap-2">
2264                        <!--[if BLOCK]><![endif]-->                                                        <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->    <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">
2265        <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">
2266    </div>
2267<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2268                <!--[if ENDBLOCK]><![endif]-->
2269                <!--[if BLOCK]><![endif]-->                    <p class="flex items-start gap-1.5 mt-2 text-xs leading-snug text-base-content/70">
2270                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <svg class="inline flex-shrink-0 w-3.5 h-3.5 mt-0.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">
2271  <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
2272</svg>
2273    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2273                        <span>Offre valable sur les achats effectués entre le <span class="text-secondary">07/07/2026</span> et le <span
2274                                class="text-secondary">31/07/2026</span></span>
2275                    </p>
2276                <!--[if ENDBLOCK]><![endif]-->            </div>
2277        </div>
2278    <!--[if ENDBLOCK]><![endif]--></a>
2279<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        </div>
2280                    </div>
2281                                    <div wire:key="offers-61757000082935036" class="h-full">
2282                        <div class="flex justify-center h-full">
2283                            <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->        <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-parois-de-douche" x-scroll-to>
2284    <!--[if BLOCK]><![endif]-->        <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]">
2285            <!--[if BLOCK]><![endif]-->                <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/07/offre-parois-de-douche_61757000082935036_3-medium.webp" alt="Offre parois de douche" loading="lazy"
2286                    onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';"
2287                    class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 grayscale">
2288            <!--[if ENDBLOCK]><![endif]-->
2289            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2290            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2291            
2292            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2293            <div
2294                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">
2295                <!--[if BLOCK]><![endif]-->                    <span class="text-xs font-semibold leading-none text-white/80">Jusqu'à</span>
2296                <!--[if ENDBLOCK]><![endif]-->                <div class="text-sm font-bold leading-none lg:text-2xl">90 €</div>
2297                <div class="text-xs font-semibold xl:text-sm">remboursés</div>
2298            </div>
2299        </div>
2300
2301        <div class="flex flex-col justify-between flex-1 p-3 sm:p-4">
2302            <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Offre parois de douche</h3>
2303
2304                        <div class="mt-2">
2305                <!--[if BLOCK]><![endif]-->                    <div class="flex flex-wrap items-end gap-2">
2306                        <!--[if BLOCK]><![endif]-->                                                        <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->    <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">
2307        <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" class="absolute inset-0 object-contain w-full h-full p-2">
2308    </div>
2309<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2310                <!--[if ENDBLOCK]><![endif]-->
2311                <!--[if BLOCK]><![endif]-->                    <p class="flex items-start gap-1.5 mt-2 text-xs leading-snug text-base-content/70">
2312                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <svg class="inline flex-shrink-0 w-3.5 h-3.5 mt-0.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">
2313  <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
2314</svg>
2315    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2315                        <span>Offre valable sur les achats effectués entre le <span class="text-secondary">07/07/2026</span> et le <span
2316                                class="text-secondary">30/09/2026</span></span>
2317                    </p>
2318                <!--[if ENDBLOCK]><![endif]-->            </div>
2319        </div>
2320    <!--[if ENDBLOCK]><![endif]--></a>
2321<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        </div>
2322                    </div>
2323                                    <div wire:key="offers-61757000080639848" class="h-full">
2324                        <div class="flex justify-center h-full">
2325                            <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->        <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/renovation-dete-avec-les-spots-led-philips" x-scroll-to>
2326    <!--[if BLOCK]><![endif]-->        <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]">
2327            <!--[if BLOCK]><![endif]-->                <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/06/renovation-dete-avec-les-spots-led-philips_61757000080639848_1-medium.webp" alt="Renovation d&#039;été avec les spots LED Philips" loading="lazy"
2328                    onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';"
2329                    class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 grayscale">
2330            <!--[if ENDBLOCK]><![endif]-->
2331            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2332            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2333            
2334            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2335            <div
2336                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">
2337                <!--[if BLOCK]><![endif]-->                    <span class="text-xs font-semibold leading-none text-white/80">Jusqu'à</span>
2338                <!--[if ENDBLOCK]><![endif]-->                <div class="text-sm font-bold leading-none lg:text-2xl">90 €</div>
2339                <div class="text-xs font-semibold xl:text-sm">remboursés</div>
2340            </div>
2341        </div>
2342
2343        <div class="flex flex-col justify-between flex-1 p-3 sm:p-4">
2344            <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Renovation d'été avec les spots LED Philips</h3>
2345
2346                        <div class="mt-2">
2347                <!--[if BLOCK]><![endif]-->                    <div class="flex flex-wrap items-end gap-2">
2348                        <!--[if BLOCK]><![endif]-->                                                        <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->    <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">
2349        <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">
2350    </div>
2351<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2352                <!--[if ENDBLOCK]><![endif]-->
2353                <!--[if BLOCK]><![endif]-->                    <p class="flex items-start gap-1.5 mt-2 text-xs leading-snug text-base-content/70">
2354                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <svg class="inline flex-shrink-0 w-3.5 h-3.5 mt-0.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">
2355  <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
2356</svg>
2357    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2357                        <span>Offre valable sur les achats effectués entre le <span class="text-secondary">07/07/2026</span> et le <span
2358                                class="text-secondary">31/08/2026</span></span>
2359                    </p>
2360                <!--[if ENDBLOCK]><![endif]-->            </div>
2361        </div>
2362    <!--[if ENDBLOCK]><![endif]--></a>
2363<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        </div>
2364                    </div>
2365                                    <div wire:key="offers-61757000081267090" class="h-full">
2366                        <div class="flex justify-center h-full">
2367                            <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->        <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-detecteur-de-presence-rembourse-" x-scroll-to>
2368    <!--[if BLOCK]><![endif]-->        <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]">
2369            <!--[if BLOCK]><![endif]-->                <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/05/offre-detecteur-de-presence-rembourse-_61757000081267090_4-medium.webp" alt="Offre détecteur de présence remboursé !" loading="lazy"
2370                    onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';"
2371                    class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 grayscale">
2372            <!--[if ENDBLOCK]><![endif]-->
2373            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2374            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2375            
2376            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2377            <div
2378                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">
2379                <!--[if BLOCK]><![endif]-->                    <span class="text-xs font-semibold leading-none text-white/80">Jusqu'à</span>
2380                <!--[if ENDBLOCK]><![endif]-->                <div class="text-sm font-bold leading-none lg:text-2xl">70 €</div>
2381                <div class="text-xs font-semibold xl:text-sm">remboursés</div>
2382            </div>
2383        </div>
2384
2385        <div class="flex flex-col justify-between flex-1 p-3 sm:p-4">
2386            <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Offre détecteur de présence remboursé !</h3>
2387
2388                        <div class="mt-2">
2389                <!--[if BLOCK]><![endif]-->                    <div class="flex flex-wrap items-end gap-2">
2390                        <!--[if BLOCK]><![endif]-->                                                        <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->    <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">
2391        <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">
2392    </div>
2393<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2394                <!--[if ENDBLOCK]><![endif]-->
2395                <!--[if BLOCK]><![endif]-->                    <p class="flex items-start gap-1.5 mt-2 text-xs leading-snug text-base-content/70">
2396                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <svg class="inline flex-shrink-0 w-3.5 h-3.5 mt-0.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">
2397  <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
2398</svg>
2399    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2399                        <span>Offre valable sur les achats effectués entre le <span class="text-secondary">07/07/2026</span> et le <span
2400                                class="text-secondary">30/09/2026</span></span>
2401                    </p>
2402                <!--[if ENDBLOCK]><![endif]-->            </div>
2403        </div>
2404    <!--[if ENDBLOCK]><![endif]--></a>
2405<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        </div>
2406                    </div>
2407                                    <div wire:key="offers-61757000082935186" class="h-full">
2408                        <div class="flex justify-center h-full">
2409                            <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->        <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-cool-x" x-scroll-to>
2410    <!--[if BLOCK]><![endif]-->        <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]">
2411            <!--[if BLOCK]><![endif]-->                <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/07/offre-cool-x_61757000082935186_1-medium.webp" alt="Offre COOL-X" loading="lazy"
2412                    onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';"
2413                    class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 grayscale">
2414            <!--[if ENDBLOCK]><![endif]-->
2415            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2416            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2417            
2418            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2419            <div
2420                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">
2421                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <div class="text-sm font-bold leading-none lg:text-2xl">50 €</div>
2422                <div class="text-xs font-semibold xl:text-sm">remboursés</div>
2423            </div>
2424        </div>
2425
2426        <div class="flex flex-col justify-between flex-1 p-3 sm:p-4">
2427            <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Offre COOL-X</h3>
2428
2429                        <div class="mt-2">
2430                <!--[if BLOCK]><![endif]-->                    <div class="flex flex-wrap items-end gap-2">
2431                        <!--[if BLOCK]><![endif]-->                                                        <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->    <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">
2432        <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" class="absolute inset-0 object-contain w-full h-full p-2">
2433    </div>
2434<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2435                <!--[if ENDBLOCK]><![endif]-->
2436                <!--[if BLOCK]><![endif]-->                    <p class="flex items-start gap-1.5 mt-2 text-xs leading-snug text-base-content/70">
2437                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <svg class="inline flex-shrink-0 w-3.5 h-3.5 mt-0.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">
2438  <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
2439</svg>
2440    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2440                        <span>Offre valable sur les achats effectués entre le <span class="text-secondary">07/07/2026</span> et le <span
2441                                class="text-secondary">30/09/2026</span></span>
2442                    </p>
2443                <!--[if ENDBLOCK]><![endif]-->            </div>
2444        </div>
2445    <!--[if ENDBLOCK]><![endif]--></a>
2446<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        </div>
2447                    </div>
2448                                    <div wire:key="offers-61757000082935170" class="h-full">
2449                        <div class="flex justify-center h-full">
2450                            <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->        <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-receveurs-refresh" x-scroll-to>
2451    <!--[if BLOCK]><![endif]-->        <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]">
2452            <!--[if BLOCK]><![endif]-->                <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/07/offre-receveurs-refresh_61757000082935170_2-medium.webp" alt="Offre receveurs REFRESH" loading="lazy"
2453                    onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';"
2454                    class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 grayscale">
2455            <!--[if ENDBLOCK]><![endif]-->
2456            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2457            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2458            
2459            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2460            <div
2461                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">
2462                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <div class="text-sm font-bold leading-none lg:text-2xl">30 €</div>
2463                <div class="text-xs font-semibold xl:text-sm">remboursés</div>
2464            </div>
2465        </div>
2466
2467        <div class="flex flex-col justify-between flex-1 p-3 sm:p-4">
2468            <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Offre receveurs REFRESH</h3>
2469
2470                        <div class="mt-2">
2471                <!--[if BLOCK]><![endif]-->                    <div class="flex flex-wrap items-end gap-2">
2472                        <!--[if BLOCK]><![endif]-->                                                        <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->    <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">
2473        <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" class="absolute inset-0 object-contain w-full h-full p-2">
2474    </div>
2475<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2476                <!--[if ENDBLOCK]><![endif]-->
2477                <!--[if BLOCK]><![endif]-->                    <p class="flex items-start gap-1.5 mt-2 text-xs leading-snug text-base-content/70">
2478                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <svg class="inline flex-shrink-0 w-3.5 h-3.5 mt-0.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">
2479  <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
2480</svg>
2481    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2481                        <span>Offre valable sur les achats effectués entre le <span class="text-secondary">07/07/2026</span> et le <span
2482                                class="text-secondary">30/09/2026</span></span>
2483                    </p>
2484                <!--[if ENDBLOCK]><![endif]-->            </div>
2485        </div>
2486    <!--[if ENDBLOCK]><![endif]--></a>
2487<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        </div>
2488                    </div>
2489                                    <div wire:key="offers-61757000082935124" class="h-full">
2490                        <div class="flex justify-center h-full">
2491                            <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->        <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-huppe-1000" x-scroll-to>
2492    <!--[if BLOCK]><![endif]-->        <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]">
2493            <!--[if BLOCK]><![endif]-->                <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/07/offre-huppe-1000_61757000082935124_4-medium.webp" alt="Offre Hüppe 1000" loading="lazy"
2494                    onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';"
2495                    class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 grayscale">
2496            <!--[if ENDBLOCK]><![endif]-->
2497            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2498            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2499            
2500            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2501            <div
2502                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">
2503                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <div class="text-sm font-bold leading-none lg:text-2xl">30 €</div>
2504                <div class="text-xs font-semibold xl:text-sm">remboursés</div>
2505            </div>
2506        </div>
2507
2508        <div class="flex flex-col justify-between flex-1 p-3 sm:p-4">
2509            <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Offre Hüppe 1000</h3>
2510
2511                        <div class="mt-2">
2512                <!--[if BLOCK]><![endif]-->                    <div class="flex flex-wrap items-end gap-2">
2513                        <!--[if BLOCK]><![endif]-->                                                        <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->    <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">
2514        <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" class="absolute inset-0 object-contain w-full h-full p-2">
2515    </div>
2516<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2517                <!--[if ENDBLOCK]><![endif]-->
2518                <!--[if BLOCK]><![endif]-->                    <p class="flex items-start gap-1.5 mt-2 text-xs leading-snug text-base-content/70">
2519                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <svg class="inline flex-shrink-0 w-3.5 h-3.5 mt-0.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">
2520  <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
2521</svg>
2522    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2522                        <span>Offre valable sur les achats effectués entre le <span class="text-secondary">07/07/2026</span> et le <span
2523                                class="text-secondary">30/09/2026</span></span>
2524                    </p>
2525                <!--[if ENDBLOCK]><![endif]-->            </div>
2526        </div>
2527    <!--[if ENDBLOCK]><![endif]--></a>
2528<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        </div>
2529                    </div>
2530                                    <div wire:key="offers-61757000080333374" class="h-full">
2531                        <div class="flex justify-center h-full">
2532                            <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->        <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-decouverte-iframe" x-scroll-to>
2533    <!--[if BLOCK]><![endif]-->        <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]">
2534            <!--[if BLOCK]><![endif]-->                <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/05/offre-decouverte-iframe_61757000080333374_1-medium.webp" alt="Offre découverte iFrame" loading="lazy"
2535                    onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';"
2536                    class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 grayscale">
2537            <!--[if ENDBLOCK]><![endif]-->
2538            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2539            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2540            
2541            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2542            <div
2543                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">
2544                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <div class="text-sm font-bold leading-none lg:text-2xl">30 €</div>
2545                <div class="text-xs font-semibold xl:text-sm">remboursés</div>
2546            </div>
2547        </div>
2548
2549        <div class="flex flex-col justify-between flex-1 p-3 sm:p-4">
2550            <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Offre découverte iFrame</h3>
2551
2552                        <div class="mt-2">
2553                <!--[if BLOCK]><![endif]-->                    <div class="flex flex-wrap items-end gap-2">
2554                        <!--[if BLOCK]><![endif]-->                                                        <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->    <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">
2555        <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" class="absolute inset-0 object-contain w-full h-full p-2">
2556    </div>
2557<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2558                <!--[if ENDBLOCK]><![endif]-->
2559                <!--[if BLOCK]><![endif]-->                    <p class="flex items-start gap-1.5 mt-2 text-xs leading-snug text-base-content/70">
2560                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <svg class="inline flex-shrink-0 w-3.5 h-3.5 mt-0.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">
2561  <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
2562</svg>
2563    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2563                        <span>Offre valable sur les achats effectués entre le <span class="text-secondary">07/07/2026</span> et le <span
2564                                class="text-secondary">31/08/2026</span></span>
2565                    </p>
2566                <!--[if ENDBLOCK]><![endif]-->            </div>
2567        </div>
2568    <!--[if ENDBLOCK]><![endif]--></a>
2569<!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        </div>
2570                    </div>
2571                <!--[if ENDBLOCK]><![endif]-->            </div>
2572
2573            <div class="my-4">
2574                                <div>
2575    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2576
2577            </div>
2578        <!--[if ENDBLOCK]><![endif]-->
2579    </div> 
2580</div> 
2581                </div>
2582            <!--[if ENDBLOCK]><![endif]-->
2583
2584            
2585            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2586                <!--[if ENDBLOCK]><![endif]-->            </div>
2587        </div>
2588    </div>
2589</section>
2590</div>
2591                    </main>
2592
2593        
2594                                    <footer class="pt-12 text-white border-t-4 bg-linear-to-r from-secondary to-primary border-accent">
2595    <div class="container">
2596        <div class="grid grid-cols-1 gap-10 pb-10 md:grid-cols-2 lg:grid-cols-12">
2597            
2598            <div class="lg:col-span-4">
2599                <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">
2600    <path class="fill-white"
2601        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" />
2602    <circle cx="479.64" cy="95.32" r="24.87" class="fill-accent" />
2603    <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" />
2604</svg>
2605
2606                                    <div class="flex flex-wrap gap-3">
2607                                                                                    <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>
2608            <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">
2609  <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"/>
2610  <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-
26105.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"/>
2611  <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"/>
2612</svg>
2613    </a>
2614                                                                                                                <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>
2615            <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">
2616  <path d="M224.11 303.96l83.27-47.96-83.27-47.96z"/>
2617  <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"/>
2618</svg>
2619    </a>
2620                                                                                                                <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>
2621            <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">
2622  <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"/>
2623</svg>
2624    </a>
2625                                                                                                                <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>
2626            <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">
2627  <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"/>
2628</svg>
2629    </a>
2630                                                                                                                <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>
2631            <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">
2632  <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"/>
2633</svg>
2634    </a>
2635                                                                                                                            </div>
2636                            </div>
2637
2638            
2639            <div class="lg:col-span-5">
2640                <ul class="menu w-full grid gap-1 p-0 sm:grid-cols-2 [&_.mary-hideable]:whitespace-normal" >
2641        
2642        
2643        <li class="">
2644        <a
2645            class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap rounded-field hover:text-accent"
2646
2647                            href="https://vipros.fr/contact"
2648
2649                
2650                                    wire:navigate
2651                            
2652                    >
2653            
2654            
2655            
2656                        <span class="mary-hideable whitespace-nowrap truncate">
2657                                    <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">
2658  <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"/>
2659</svg>
2660                            <span class="pl-2 font-semibold">Nous contacter</span>
2661                            </span>
2662                    </a>
2663    </li>                    <li class="">
2664        <a
2665            class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap rounded-field hover:text-accent"
2666
2667                            href="https://vipros.fr/faq"
2668
2669                
2670                                    wire:navigate
2671                            
2672                    >
2673            
2674            
2675            
2676                        <span class="mary-hideable whitespace-nowrap truncate">
2677                                    <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">
2678  <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"/>
2679</svg>
2680                            <span class="pl-2 font-semibold">Foire aux questions</span>
2681                            </span>
2682                    </a>
2683    </li>                    <li class="">
2684        <a
2685            class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap rounded-field hover:text-accent"
2686
2687                            href="https://marque.vipros.fr"
2688
2689                                    target="_blank"
2690                
2691                            
2692                    >
2693            
2694            
2695            
2696                        <span class="mary-hideable whitespace-nowrap truncate">
2697                                    <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">
2698  <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"/>
2699</svg>
2700                            <span class="pl-2 font-semibold">Devenir une marque VIPros</span>
2701                            </span>
2702                    </a>
2703    </li>                    <li class="">
2704        <a
2705            class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap rounded-field hover:text-accent"
2706
2707                            href="https://vipros.fr/cgu"
2708
2709                
2710                                    wire:navigate
2711                            
2712                    >
2713            
2714            
2715            
2716                        <span class="mary-hideable whitespace-nowrap truncate">
2717                                    <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">
2718  <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"/>
2719</svg>
2720                            <span class="pl-2 font-semibold">CGU</span>
2721                            </span>
2722                    </a>
2723    </li>                    <li class="">
2724        <a
2725            class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap rounded-field hover:text-accent"
2726
2727                            href="https://vipros.fr/mentions-legales"
2728
2729                
2730                                    wire:navigate
2731                            
2732                    >
2733            
2734            
2735            
2736                        <span class="mary-hideable whitespace-nowrap truncate">
2737                                    <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">
2738  <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"/>
2739</svg>
2740                            <span class="pl-2 font-semibold">Mentions Légales</span>
2741                            </span>
2742                    </a>
2743    </li>                    <li class="">
2744        <a
2745            class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap rounded-field hover:text-accent"
2746
2747                            href="https://vipros.fr/protection-des-donnees-personnelles"
2748
2749                
2750                                    wire:navigate
2751                            
2752                    >
2753            
2754            
2755            
2756                        <span class="mary-hideable whitespace-nowrap truncate">
2757                                    <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">
2758  <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"/>
2759</svg>
2760                            <span class="pl-2 font-semibold">Données personnelles</span>
2761                            </span>
2762                    </a>
2763    </li>                    <li class="">
2764        <a
2765            class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap rounded-field hover:text-accent"
2766
2767                            href="https://vipros.fr/cookies"
2768
2769                
2770                            
2771                    >
2772            
2773            
2774            
2775                        <span class="mary-hideable whitespace-nowrap truncate">
2776                                    <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">
2777  <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.
2777125 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"/>
2778  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
2779</svg>
2780                            <span class="pl-2 font-semibold">Cookies</span>
2781                            </span>
2782                    </a>
2783    </li>
2784    </ul>            </div>
2785
2786            
2787            <div class="lg:col-span-3">
2788                                <div class="grid grid-cols-1 gap-4">
2789                                                                        <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>
2790            <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" />
2791    </a>
2792                                                                                                        </div>
2793            </div>
2794        </div>
2795    </div>
2796</footer>
2797                        </div>
2798
2799        
2799<script src="/app/themes/vipros/vendor/livewire/livewire/dist/livewire.min.js?id=dfa5f5ee"   data-csrf="tjT67Nc5VMZe6dRa4GFICO7VQyHrVC46ixKpnE5t" data-update-uri="/livewire/update" data-navigate-once="true"></script>
2799
2800    
2800<script type="speculationrules">
2801{"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"}]}
2802</script>
2802
2803
2804<!-- Consent Management powered by Complianz | GDPR/CCPA Cookie Consent https://wordpress.org/plugins/complianz-gdpr -->
2805<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">
2806	<div class="cmplz-header">
2807		<div class="cmplz-logo"></div>
2808		<div class="cmplz-title" id="cmplz-header-1-optin">Gérer le consentement</div>
2809		<div class="cmplz-close" tabindex="0" role="button" aria-label="Close dialog">
2810			<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>
2811		</div>
2812	</div>
2813
2814	<div class="cmplz-divider cmplz-divider-header"></div>
2815	<div class="cmplz-body">
2816		<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>
2817		<!-- categories start -->
2818		<div class="cmplz-categories">
2819			<div class="cmplz-category cmplz-functional">
2820				<div class="cmplz-category-header">
2821					<span class="cmplz-category-title" id="cmplz-title-functional-1-optin">Fonctionnel</span>
2822					<span class='cmplz-always-active'>
2823						<span class="cmplz-banner-checkbox">
2824							<input type="checkbox"
2825									id="cmplz-functional-optin"
2826									data-category="cmplz_functional"
2827									class="cmplz-consent-checkbox cmplz-functional"
2828									size="40"
2829									value="1"/>
2830							<label class="cmplz-label" for="cmplz-functional-optin"><span class="screen-reader-text">Fonctionnel</span></label>
2831						</span>
2832						Always active					</span>
2833					<button class="cmplz-category-toggle"
2834							aria-expanded="false"
2835							aria-controls="cmplz-desc-functional-1-optin"
2836							aria-labelledby="cmplz-title-functional-1-optin">
2837						<span class="cmplz-icon cmplz-open">
2838							<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>
2839						</span>
2840					</button>
2841				</div>
2842				<div class="cmplz-description" id="cmplz-desc-functional-1-optin" hidden>
2843					<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>
2844				</div>
2845			</div>
2846
2847			<div class="cmplz-category cmplz-preferences">
2848				<div class="cmplz-category-header">
2849					<span class="cmplz-category-title" id="cmplz-title-preferences-1-optin">Preferences</span>
2850					<span class="cmplz-banner-checkbox">
2851						<input type="checkbox"
2852								id="cmplz-preferences-optin"
2853								data-category="cmplz_preferences"
2854								class="cmplz-consent-checkbox cmplz-preferences"
2855								size="40"
2856								value="1"/>
2857						<label class="cmplz-label" for="cmplz-preferences-optin"><span class="screen-reader-text">Preferences</span></label>
2858					</span>
2859					<button class="cmplz-category-toggle"
2860							aria-expanded="false"
2861							aria-controls="cmplz-desc-preferences-1-optin"
2862							aria-labelledby="cmplz-title-preferences-1-optin">
2863						<span class="cmplz-icon cmplz-open">
2864							<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18">
2864<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>
2865						</span>
2866					</button>
2867				</div>
2868				<div class="cmplz-description" id="cmplz-desc-preferences-1-optin" hidden>
2869					<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>
2870				</div>
2871			</div>
2872
2873			<div class="cmplz-category cmplz-statistics">
2874				<div class="cmplz-category-header">
2875					<span class="cmplz-category-title" id="cmplz-title-statistics-1-optin">Statistiques</span>
2876					<span class="cmplz-banner-checkbox">
2877						<input type="checkbox"
2878								id="cmplz-statistics-optin"
2879								data-category="cmplz_statistics"
2880								class="cmplz-consent-checkbox cmplz-statistics"
2881								size="40"
2882								value="1"/>
2883						<label class="cmplz-label" for="cmplz-statistics-optin"><span class="screen-reader-text">Statistiques</span></label>
2884					</span>
2885					<button class="cmplz-category-toggle"
2886							aria-expanded="false"
2887							aria-controls="cmplz-desc-statistics-1-optin"
2888							aria-labelledby="cmplz-title-statistics-1-optin">
2889						<span class="cmplz-icon cmplz-open">
2890							<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>
2891						</span>
2892					</button>
2893				</div>
2894				<div class="cmplz-description" id="cmplz-desc-statistics-1-optin" hidden>
2895					<span class="cmplz-description-statistics">The technical storage or access that is used exclusively for statistical purposes.</span>
2896					<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>
2897				</div>
2898			</div>
2899
2900			<div class="cmplz-category cmplz-marketing">
2901				<div class="cmplz-category-header">
2902					<span class="cmplz-category-title" id="cmplz-title-marketing-1-optin">Marketing</span>
2903					<span class="cmplz-banner-checkbox">
2904						<input type="checkbox"
2905								id="cmplz-marketing-optin"
2906								data-category="cmplz_marketing"
2907								class="cmplz-consent-checkbox cmplz-marketing"
2908								size="40"
2909								value="1"/>
2910						<label class="cmplz-label" for="cmplz-marketing-optin"><span class="screen-reader-text">Marketing</span></label>
2911					</span>
2912					<button class="cmplz-category-toggle"
2913							aria-expanded="false"
2914							aria-controls="cmplz-desc-marketing-1-optin"
2915							aria-labelledby="cmplz-title-marketing-1-optin">
2916						<span class="cmplz-icon cmplz-open">
2917							<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>
2918						</span>
2919					</button>
2920				</div>
2921				<div class="cmplz-description" id="cmplz-desc-marketing-1-optin" hidden>
2922					<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>
2923				</div>
2924			</div>
2925		</div><!-- categories end -->
2926			</div>
2927
2928	<div class="cmplz-links cmplz-information">
2929		<ul>
2930			<li><a class="cmplz-link cmplz-manage-options cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Manage options</a></li>
2931			<li><a class="cmplz-link cmplz-manage-third-parties cookie-statement" href="#" data-relative_url="#cmplz-cookie
2931s-overview">Manage services</a></li>
2932			<li><a class="cmplz-link cmplz-manage-vendors tcf cookie-statement" href="#" data-relative_url="#cmplz-tcf-wrapper">Manage {vendor_count} vendors</a></li>
2933			<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>
2934		</ul>
2935			</div>
2936
2937	<div class="cmplz-divider cmplz-footer"></div>
2938
2939	<div class="cmplz-buttons">
2940		<button class="cmplz-btn cmplz-accept">Accepter</button>
2941		<button class="cmplz-btn cmplz-deny">Refuser</button>
2942		<button class="cmplz-btn cmplz-view-preferences">Voir les préférences</button>
2943		<button class="cmplz-btn cmplz-save-preferences">Enregistrer les préférences</button>
2944		<a class="cmplz-btn cmplz-manage-options tcf cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Voir les préférences</a>
2945			</div>
2946
2947
2948	<div class="cmplz-documents cmplz-links">
2949		<ul>
2950			<li><a class="cmplz-link cookie-statement" href="#" data-relative_url="">{title}</a></li>
2951			<li><a class="cmplz-link privacy-statement" href="#" data-relative_url="">{title}</a></li>
2952			<li><a class="cmplz-link impressum" href="#" data-relative_url="">{title}</a></li>
2953		</ul>
2954			</div>
2955</div>
2956</div>
2957					<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>
2958
2959</div>    
2959<script>
2960        function addEvent(event, selector, callback, context) {
2961            document.addEventListener(event, e => {
2962                if ( e.target.closest(selector) ) {
2963                    callback(e);
2964                }
2965            });
2966        }
2967        addEvent('click', '.cmplz-show-banner', function(){
2968            document.querySelectorAll('.cmplz-manage-consent').forEach(obj => {
2969                obj.click();
2970            });
2971        });
2972    </script>
2972
2973        <style id='global-styles-inline-css'>
2974: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;
2974--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;
2974--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%);
2974--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;}
2974a: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
2974p--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
2974ackground-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
2974lack-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) 
2974!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;}
2974.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;}
2975/*# sourceURL=global-styles-inline-css */
2976</style>
2977<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 2977
2977
2978<script id="cmplz-cookiebanner-js-extra">
2979var 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"};
2980//# sourceURL=cmplz-cookiebanner-js-extra
2981</script>
vendor: 1 bytes, line 2981
2981
2982<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 2982-2984
2982
2983				<script async data-category="statistics"
2984						src="https://www.googletagmanager.com/gtag/js?id=
2984G-9PBB6CYKW9
vendor: 18 bytes, lines 2984-2985
2984"></script>
2985						
2985<!-- Statistics script Complianz GDPR/CCPA -->
2986						
2986<script type="text/plain"							data-category="statistics">window['gtag_enable_tcf_support'] = false;
vendor: 127 bytes, lines 2987-2990
2987window.dataLayer = window.dataLayer || [];
2988function gtag(){dataLayer.push(arguments);}
2989gtag('js', new Date());
2990gtag('config', '
2990G-9PBB6CYKW9
vendor: 49 bytes, lines 2990-2993
2990', {
2991	cookie_flags:'secure;samesite=none',
2992	
2993});
2994</script>
2994
2995													
2995<script type="text/plain" data-category="marketing">window.dataLayer = window.dataLayer || [];
2996function gtag(){dataLayer.push(arguments);}
2997gtag('js', new Date());
2998gtag('config', '' );
2999gtag('config', 'GTM-K7GZ7RK7', {
3000	cookie_flags:'secure;samesite=none'
3001});
3002</script>
3002
3003						        <div>
3004    <div x-persist="mary-toaster">
3005    <div
3006        x-cloak
3007        x-data="{
3008            show: false,
3009            toast: {},
3010            timer: null,
3011            interval: null,
3012
3013            maxProgress: 100,
3014            progress: 100,
3015            initialProgress: 0,
3016
3017            startTime: 0,
3018            remaining: 0,
3019
3020            start(toast) {
3021                this.clearTimers();
3022
3023                this.toast = toast;
3024                this.progress = this.maxProgress;
3025
3026                this.remaining = toast.timeout;
3027
3028                this.initialProgress = this.progress;
3029                this.startTime = Date.now();
3030
3031                // delay for DOM initiation
3032                setTimeout(() => this.show = true, 50);
3033
3034                this.startProgress();
3035                this.startCloseTimer();
3036            },
3037
3038            startProgress() {
3039                if (this.toast.noProgress) return;
3040
3041                const intervalRefreshRate = 8;
3042                this.startTime = Date.now();
3043
3044                const startProgressValue = this.initialProgress;
3045
3046                this.interval = setInterval(() => {
3047                    const elapsed = Date.now() - this.startTime;
3048                    const ratio = elapsed / this.remaining;
3049
3050                    this.progress = startProgressValue * (1 - ratio);
3051
3052                    if (this.progress <= 0) {
3053                        this.progress = 0;
3054                        clearInterval(this.interval);
3055                        this.interval = null;
3056                    }
3057                }, intervalRefreshRate);
3058            },
3059
3060            startCloseTimer() {
3061                this.startTime = Date.now();
3062
3063                this.timer = setTimeout(() => {
3064                    this.close();
3065                }, this.remaining);
3066            },
3067
3068            pause() {
3069                if (!this.show) return;
3070
3071                const elapsed = Date.now() - this.startTime;
3072                this.remaining -= elapsed;
3073
3074                this.initialProgress = this.progress;
3075
3076                this.clearTimers();
3077            },
3078
3079            resume() {
3080                if (!this.show || this.remaining <= 0) return;
3081
3082                this.startProgress();
3083                this.startCloseTimer();
3084            },
3085
3086            close() {
3087                this.show = false;
3088                this.clearTimers();
3089            },
3090
3091            clearTimers() {
3092                clearTimeout(this.timer);
3093                clearInterval(this.interval);
3094                this.timer = null;
3095                this.interval = null;
3096            }
3097        }"
3098        @mary-toast.window="start($event.detail.toast)"
3099    >
3100        <div
3101            class="toast !whitespace-normal rounded-box fixed cursor-pointer z-[999] overflow-hidden"
3102            :class="toast.position || 'toast-top toast-center'"
3103            x-show="show"
3104            @mouseenter="pause()"
3105            @mouseleave="resume()"
3106            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"
3107            @click="show = false; clearInterval(interval)"
3108        >
3109            <div class="alert gap-2" :class="toast.css">
3110                <div x-html="toast.icon" class="hidden sm:inline-block"></div>
3111                <div class="grid">
3112                    <div x-html="toast.title" class="font-bold"></div>
3113                    <div x-html="toast.description" class="text-xs"></div>
3114                </div>
3115            </div>
3116            <progress
3117                x-show="!toast.noProgress"
3118                class="-mt-3 h-1 w-full progress"
3119                :class="toast.progressClass"
3120                :max="maxProgress"
3121                :value="progress">
3122            </progress>
3123        </div>
3124    </div>
3125
3126    
3126<script>
3127        window.toast = function(payload){
3128            window.dispatchEvent(new CustomEvent('mary-toast', {detail: payload}))
3129        }
3130
3131        document.addEventListener('livewire:init', () => {
3132            Livewire.hook('request', ({fail}) => {
3133                fail(({status, content, preventDefault}) => {
3134                    try {
3135                        let result = JSON.parse(content);
3136
3137                        if (result?.toast && typeof window.toast === "function") {
3138                            window.toast(result);
3139                        }
3140
3141                        if ((result?.prevent_default ?? false) === true) {
3142                            preventDefault();
3143                        }
3144                    } catch (e) {
3145                        console.log(e)
3146                    }
3147                })
3148            })
3149        })
3150    </script>
3150
3151    </div>
3152</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;o0B9kq94wqUkankR8Nmv&quot;,&quot;name&quot;:&quot;components.drawer-container&quot;,&quot;path&quot;:&quot;offres-cashback&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;d0e7ce204f682d38882cfdfd229caa64b90d8da9b1801ac9bf79b7fd9c426c11&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;openDrawer&quot;,&quot;closeDrawer&quot;]}" wire:id="o0B9kq94wqUkankR8Nmv">
3153        <div
3154        x-data="{
3155            open:
3156                                    window.Livewire.find('o0B9kq94wqUkankR8Nmv').entangle('showDrawer')                            ,
3157            close() {
3158                this.open = false
3159                $refs.checkbox.checked = false
3160            }
3161        }"
3162
3163        x-init="$watch('open', value => { if (!value){ $dispatch('close') }else{ $dispatch('open') } })"
3164
3165                    @keydown.window.escape="close()"
3166        
3167                    x-trap="open" x-bind:inert="!open"
3168        
3169        class="drawer absolute z-50 drawer-end"
3170
3171        
3172    >
3173        <!-- Toggle visibility  -->
3174        <input
3175            id="dynamicDrawer"
3176            x-model="open"
3177            x-ref="checkbox"
3178            type="checkbox"
3179            class="drawer-toggle" />
3180
3181        <div class="drawer-side" >
3182            <!-- Overlay effect , click outside -->
3183            <!--[if BLOCK]><![endif]-->                <label for="dynamicDrawer" class="drawer-overlay"></label>
3184            <!--[if ENDBLOCK]><![endif]-->
3185            <!-- Content -->
3186            <div
3187        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
3187-card"
3188    >
3189        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
3190        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
3191        <div class="grow-1 null">
3192            <!--[if BLOCK]><![endif]-->                                     <!--[if ENDBLOCK]><![endif]-->
3193                <!--[if BLOCK]><![endif]-->                <div class="flex items-center justify-center h-full">
3194                    <span class="loading"></span>                </div>
3195            <!--[if ENDBLOCK]><![endif]-->
3196
3197                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
3198        </div>
3199
3200        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </div>        </div>
3201    </div>    </div>    
3202            
3203    
3204    
3204<script>
3205        document.addEventListener('livewire:navigate', (event) => {
3206            Livewire.dispatch('resetModalStates');
3207        });
3208
3209        document.addEventListener('livewire:navigating', () => {
3210            Livewire.dispatch('resetModalStates');
3211        });
3212
3213        document.addEventListener('livewire:navigated', () => {
3214            Livewire.dispatch('resetModalStates');
3215        });
3216    </script>
3216
3217</body>
3218
3219</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.