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 – 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'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 – 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'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 – 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 !</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">â 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="{"data":{"open":false},"memo":{"id":"Oy0NlUeKcdzfYT8oZRfx","name":"components.menu-modal","path":"offres-cashback","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"fr_FR"},"checksum":"279d714e74031eace1450a05b441460d2e8f55813f5e221a04a716a34f5dad99"}" wire:effects="{"listeners":["resetModalStates"]}" 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="{"data":{"specialBroadcast":null,"dismissedBroadcast":false,"broadcastId":""},"memo":{"id":"eWXFIfhAJIn9jCqiYWAl","name":"components.system-notifications","path":"offres-cashback","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"fr_FR"},"checksum":"3e85996fad7f2ae3ffb503999b7275bc34ef36f863c4163f30122c4f79b6a08d"}" 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="{"data":{"selectedBrands":[[],{"s":"arr"}],"selectedUniverse":null,"sortBy":[{"unified_value":"desc"},{"s":"arr"}],"offersSearch":"","universes":[["bati","agri"],{"s":"arr"}],"fields":[{"section_hero":[{"show_breadcrumb":true,"":null,"title":"Les offres <span class=\"text-accent\">Cashback<\/span> du moment !","text":"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 !","list":false,"images":[{"image_default":[{"ID":850,"id":850,"title":"header-cashback","filename":"header-cashback.png","filesize":109944,"url":"https:\/\/vipros.fr\/app\/uploads\/2026\/08\/header-cashback.png","link":"https:\/\/vipros.fr\/offres-cashback\/header-cashback\/","alt":"","author":"1","description":"","caption":"","name":"header-cashback","status":"inherit","uploaded_to":483,"date":"2026-08-13 11:59:52","modified":"2026-08-13 12:05:25","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/vipros.fr\/wp\/wp-includes\/images\/media\/default.png","width":1254,"height":1254,"sizes":[{"thumbnail":"https:\/\/vipros.fr\/app\/uploads\/2026\/08\/header-cashback-150x150.png","thumbnail-width":150,"thumbnail-height":150,"medium":"https:\/\/vipros.fr\/app\/uploads\/2026\/08\/header-cashback-300x300.png","medium-width":300,"medium-height":300,"medium_large":"https:\/\/vipros.fr\/app\/uploads\/2026\/08\/header-cashback-768x768.png","medium_large-width":768,"medium_large-height":768,"large":"https:\/\/vipros.fr\/app\/uploads\/2026\/08\/header-cashback-1024x1024.png","large-width":1024,"large-height":1024,"1536x1536":"https:\/\/vipros.fr\/app\/uploads\/2026\/08\/header-cashback.png","1536x1536-width":1254,"1536x1536-height":1254,"2048x2048":"https:\/\/vipros.fr\/app\/uploads\/2026\/08\/header-cashback.png","2048x2048-width":1254,"2048x2048-height":1254},{"s":"arr"}]},{"s":"arr"}],"image_bati":false,"image_agri":false},{"s":"arr"}],"show_image_on_mobile":true,"slider":false},{"s":"arr"}]},{"s":"arr"}]},"memo":{"id":"
800dbDxlTPNm4t0I5pn4NMg","name":"pages.cashback.cashback-offers","path":"offres-cashback","method":"GET","release":"a-a-a","children":{"active-offers":["div","NM6G3rviPAX4rVkCyMxf"],"expired-offers":["div","e0HU1eTV3F7LeTTcKV0G"]},"scripts":[],"assets":[],"errors":[],"locale":"fr_FR"},"checksum":"a22faab0a7927105d37f8d6a33e65d5db6065b5fd57a2b1f5b276552be89ce91"}" wire:effects="{"url":{"selectedBrands":{"as":null,"use":"push","alwaysShow":false,"except":null},"selectedUniverse":{"as":null,"use":"push","alwaysShow":false,"except":null},"sortBy":{"as":null,"use":"push","alwaysShow":false,"except":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 [&_a]:rounded-sm [&_a:hover]:text-white [&_a:focus-visible]:outline-none [&_a:focus-visible]:ring-2 [&_a:focus-visible]:ring-white [&_a:focus-visible]:ring-offset-2 [&_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="' + cls + ' inline-block h-2 w-2 p-0 border-0 rounded bg-base-300 cursor-pointer transition-all duration-200" aria-label="Ãtape ' + (i + 1) + '"></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="' + this.currentIndex + '"]'); 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="{"data":{"shopType":"offers","filters":[{"brands":[[],{"s":"arr"}],"universe":null,"sort":[{"unified_value":"desc"},{"s":"arr"}],"offer_type":"active","search":""},{"s":"arr"}],"ids":null,"gridClasses":null,"perPage":12,"totalCount":35,"search":"","showSearch":false,"loadedFromCache":true,"scrollTo":".shop-container","paginators":[{"page":1,"activeOffersPage":1},{"s":"arr"}]},"memo":{"id":"NM6G3rviPAX4rVkCyMxf","name":"shop.shop-list","path":"offres-cashback","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"fr_FR"},"checksum":"6783fbfce740e24bbb4ad44e89a765138b95594cf4b824368c30470497864f00"}" wire:effects="{"url":{"paginators.page":{"as":"page","use":"push","alwaysShow":false,"except":null},"paginators.activeOffersPage":{"as":"activeOffersPage","use":"push","alwaysShow":false,"except":null}},"listeners":["filters-updated"]}" 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 [&_span]:!bg-primary [&_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 [&_span]:!bg-primary [&_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('#active-offers-section'); 1897 if (targetEl) { 1898 // Wait for Livewire to finish updating the DOM 1899 requestAnimationFrame(() => { 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('header, .header, [class*="fixed"]'); 1906 let totalHeaderHeight = 0; 1907 allHeaders.forEach(header => { 1908 const style = getComputedStyle(header); 1909 if (style.position === 'fixed' || style.position === 'sticky') { 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: 'smooth' 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('#active-offers-section'); 1975 if (targetEl) { 1976 // Wait for Livewire to finish updating the DOM 1977 requestAnimationFrame(() => { 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('header, .header, [class*="fixed"]'); 1984 let totalHeaderHeight = 0; 1985 allHeaders.forEach(header => { 1986 const style = getComputedStyle(header); 1987 if (style.position === 'fixed' || style.position === 'sticky') { 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: 'smooth' 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('#active-offers-section'); 2010 if (targetEl) { 2011 // Wait for Livewire to finish updating the DOM 2012 requestAnimationFrame(() => { 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('header, .header, [class*="fixed"]'); 2019 let totalHeaderHeight = 0; 2020 allHeaders.forEach(header => { 2021 const style = getComputedStyle(header); 2022 if (style.position === 'fixed' || style.position === 'sticky') { 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: 'smooth' 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('#active-offers-section'); 2049 if (targetEl) { 2050 // Wait for Livewire to finish updating the DOM 2051 requestAnimationFrame(() => { 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('header, .header, [class*="fixed"]'); 2058 let totalHeaderHeight = 0; 2059 allHeaders.forEach(header => { 2060 const style = getComputedStyle(header); 2061 if (style.position === 'fixed' || style.position === 'sticky') { 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: 'smooth' 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="{"data":{"shopType":"offers","filters":[{"brands":[[],{"s":"arr"}],"universe":null,"sort":[{"unified_value":"desc"},{"s":"arr"}],"offer_type":"expired","search":""},{"s":"arr"}],"ids":null,"gridClasses":null,"perPage":12,"totalCount":11,"search":"","showSearch":false,"loadedFromCache":true,"scrollTo":".shop-container","paginators":[{"page":1,"expiredOffersPage":1},{"s":"arr"}]},"memo":{"id":"e0HU1eTV3F7LeTTcKV0G","name":"shop.shop-list","path":"offres-cashback","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"fr_FR"},"checksum":"1a7d7bef5003209035a794f3fc8b9be5ef1d0223e52e1fa290049f58daea214f"}" wire:effects="{"url":{"paginators.page":{"as":"page","use":"push","alwaysShow":false,"except":null},"paginators.expiredOffersPage":{"as":"expiredOffersPage","use":"push","alwaysShow":false,"except":null}},"listeners":["filters-updated"]}" 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'é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'é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="{"data":{"showDrawer":false,"activeComponent":null,"componentData":[[],{"s":"arr"}],"componentKey":""},"memo":{"id":"o0B9kq94wqUkankR8Nmv","name":"components.drawer-container","path":"offres-cashback","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"fr_FR"},"checksum":"d0e7ce204f682d38882cfdfd229caa64b90d8da9b1801ac9bf79b7fd9c426c11"}" wire:effects="{"listeners":["openDrawer","closeDrawer"]}" 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.