1<!doctype html> 2 3<html lang="fr-FR" data-theme="default"> 4 5<head> 6 <meta charset="utf-8"> 7 <meta name="viewport" content="width=device-width, initial-scale=1"> 8 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 9 10 <!-- This site is optimized with the Yoast SEO plugin v24.9 - https://yoast.com/wordpress/plugins/seo/ --> 11 <title>Accueil – VIPros</title> 12 <meta name="description" content="Boostez votre pouvoir d'achat avec le 1er Club Professionnel ! Profitez de cashback exclusifs toute l'année, d'un programme de fidélité multi-marques et d'avantages sur vos achats pros. Enregistrez vos factures en quelques clics et transformez vos dépenses en économies. Découvrez les offres du moment et cumulez des VIPoints pour obtenir des cartes cadeaux multi-enseignes. Rejoignez-nous dès maintenant !" /> 13 <link rel="canonical" href="https://vipros.fr/" /> 14 <meta property="og:locale" content="fr_FR" /> 15 <meta property="og:type" content="website" /> 16 <meta property="og:title" content="Accueil – VIPros" /> 17 <meta property="og:description" content="Boostez votre pouvoir d'achat avec le 1er Club Professionnel ! Profitez de cashback exclusifs toute l'année, d'un programme de fidélité multi-marques et d'avantages sur vos achats pros. Enregistrez vos factures en quelques clics et transformez vos dépenses en économies. Découvrez les offres du moment et cumulez des VIPoints pour obtenir des cartes cadeaux multi-enseignes. Rejoignez-nous dès maintenant !" /> 18 <meta property="og:url" content="https://vipros.fr/" /> 19 <meta property="og:site_name" content="VIPros" /> 20 <meta property="article:modified_time" content="2026-08-13T12:03:29+00:00" /> 21 <meta property="og:image" content="https://vipros.fr/app/uploads/2025/04/image_inscription_vipros.png" /> 22 <meta property="og:image:width" content="768" /> 23 <meta property="og:image:height" content="452" /> 24 <meta property="og:image:type" content="image/png" /> 25 <meta name="twitter:card" content="summary_large_image" /> 26
26<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://vipros.fr/","url":"https://vipros.fr/","name":"Accueil – VIPros","isPartOf":{"@id":"https://vipros.fr/#website"},"datePublished":"2024-08-13T13:26:53+00:00","dateModified":"2026-08-13T12:03:29+00:00","description":"Boostez votre pouvoir d'achat avec le 1er Club Professionnel ! Profitez de cashback exclusifs toute l'année, d'un programme de fidélité multi-marques et d'avantages sur vos achats pros. Enregistrez vos factures en quelques clics et transformez vos dépenses en économies. Découvrez les offres du moment et cumulez des VIPoints pour obtenir des cartes cadeaux multi-enseignes. Rejoignez-nous dès maintenant !","breadcrumb":{"@id":"https://vipros.fr/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https://vipros.fr/"]}]},{"@type":"BreadcrumbList","@id":"https://vipros.fr/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://vipros.fr/#website","url":"https://vipros.fr/","name":"VIPros","description":"Avantages aux pros","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://vipros.fr/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}</script>
26 27 <!-- / Yoast SEO plugin. --> 28 29 30<style id='wp-img-auto-sizes-contain-inline-css'> 31img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 32/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 33</style> 34<style id='wp-block-library-inline-css'> 35:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
35--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 36/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ 37</style> 38<link rel='stylesheet' id='cmplz-general-css' href='https://vipros.fr/app/plugins/complianz-gdpr/assets/css/cookieblocker.min.css?ver=1741710170' media='all' /> 39<link rel='stylesheet' id='swiper-css-css' href='https://vipros.fr/app/themes/vipros/resources/styles/libraries/swiper-bundle.min.css?ver=11.0.0' media='all' /> 40<link rel='stylesheet' id='cmplz-banner-1-optin-css' href='https://vipros.fr/app/uploads/complianz/css/banner-1-optin.css?ver=1784878972' media='all' /> 41 <style>.cmplz-hidden { 42 display: none !important; 43 }</style> 44 <!-- Browsee -->
45<script> window._browsee = window._browsee || function () { (_browsee.q = _browsee.q || []).push(arguments) }; _browsee('init', '85f5c9504dde98dcb48343155b17a59401a022613a9ce661'); </script>
45
45<script async src='https://cdn.browsee.io/js/browsee.min.js'></script>
45 46 47<!-- Google tag (gtag.js) -->
vendor: 66 bytes, lines 47-48
47 48<script async src="https://www.googletagmanager.com/gtag/js?id=
48G-MF00363MV5
vendor: 14 bytes, line 48
48"></script>
49<script>
vendor: 127 bytes, line 49
49window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
49G-MF00363MV5
vendor: 4 bytes, line 49
49');
49</script>
49 50 51<!-- Google Tag Manager -->
52<script>
vendor: 331 bytes, lines 52-56
52(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 53new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 54j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 55'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 56})(window,document,'script','dataLayer','
56GTM-K7GZ7RK7
vendor: 3 bytes, line 56
56');
56</script>
56 57<!-- End Google Tag Manager --> 58 59<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 59-60
59 60<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
60GTM-K7GZ7RK7
vendor: 85 bytes, lines 60-61
60" 61height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
62<!-- End Google Tag Manager (noscript) --> 63 64<!-- Web Mechanics --> 65<!--
65<script> 66 (function(w,d,t,u,n,a,m){w['MauticTrackingObject']=n; 67 w[n]=w[n]||function(){(w[n].q=w[n].q||[]).push(arguments)},a=d.createElement(t), 68 m=d.getElementsByTagName(t)[0];a.async=1;a.src=u;m.parentNode.insertBefore(a,m) 69 })(window,document,'script','https://webmecanik.vipros.fr/mtc.js','mt'); 70 71 mt('send', 'pageview'); 72</script>
72 --><link rel="icon" href="https://vipros.fr/app/uploads/2025/04/cropped-favicon-32x32.png" sizes="32x32" /> 73<link rel="icon" href="https://vipros.fr/app/uploads/2025/04/cropped-favicon-192x192.png" sizes="192x192" /> 74<link rel="apple-touch-icon" href="https://vipros.fr/app/uploads/2025/04/cropped-favicon-180x180.png" /> 75<meta name="msapplication-TileImage" content="https://vipros.fr/app/uploads/2025/04/cropped-favicon-270x270.png" /> 76 <link rel="preload" as="style" href="https://vipros.fr/app/themes/vipros/public/build/assets/app-BHHb8lUn.css" /><link rel="modulepreload" as="script" href="https://vipros.fr/app/themes/vipros/public/build/assets/app-DtbfxBnu.js" /><link rel="stylesheet" href="https://vipros.fr/app/themes/vipros/public/build/assets/app-BHHb8lUn.css" />
76<script type="module" src="https://vipros.fr/app/themes/vipros/public/build/assets/app-DtbfxBnu.js"></script>
76 <link rel="modulepreload" as="script" href="https://vipros.fr/app/themes/vipros/public/build/assets/home-xIxHr5Em.js" />
76<script type="module" src="https://vipros.fr/app/themes/vipros/public/build/assets/home-xIxHr5Em.js"></script>
76 <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #7e87ed;}[x-cloak="x-cloak"],[x-cloak=""] {display: none !important;}[wire\:cloak="wire:cloak"],[wire\:cloak=""] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style> 77</head> 78 79<body class="home wp-singular page-template-default page page-id-83 wp-embed-responsive wp-theme-vipros bg-white" x-data="{ 80 isPageLoading: true, 81 isNavigating: false, // Track the events wire.navigate 82 externalFooterHeight: 0, 83 init() { 84 // Initial page load 85 window.addEventListener('load', () => { 86 this.isPageLoading = false; 87 }); 88 89 // Padding du <main> calé sur la hauteur reelle du footer externe (fixed), pas une valeur codee en dur 90 // $nextTick : le footer est plus bas dans le DOM, pas encore lie par Alpine au moment de ce init() 91 this.$nextTick(() => { 92 if (this.$refs.externalFooter) { 93 const footer = this.$refs.externalFooter; 94 const observer = new ResizeObserver(() => { 95 this.externalFooterHeight = footer.offsetHeight; 96 }); 97 observer.observe(footer); 98 } 99 }); 100 101 // Livewire navigation events 102 document.addEventListener('livewire:navigate', () => { 103 this.isNavigating = true; 104 }); 105 106 // Livewire navigation events 107 document.addEventListener('livewire:navigating', () => { 108 this.isNavigating = true; 109 }); 110 111 document.addEventListener('livewire:navigated', () => { 112 this.isNavigating = false; 113 this.isPageLoading = false; 114 }); 115 } 116}"> 117 118 119 <div x-show="isPageLoading" x-transition.opacity.duration.500ms class="fixed inset-0 z-50 flex items-center justify-center bg-white"> 120 <span class="loading text-primary loading-lg"></span> </div> 121 122 123 <div x-show="isNavigating " x-transition.opacity.duration.500ms class="fixed inset-0 z-50 flex items-center justify-center bg-white/90"> 124 <span class="loading text-primary loading-lg"></span> </div> 125 126 <div id="app" class="flex flex-col min-h-screen" x-cloak> 127 128 <header class="sticky top-0 z-50 w-full bg-secondary/95 shadow-md backdrop-blur-sm"> 129 <div class="container"> 130 <div class="grid grid-cols-2 items-center gap-4 py-2 lg:grid-cols-3 xl:grid-cols-12"> 131 132 <div class="flex items-center xl:col-span-3"> 133 <a wire:navigate="" class="rounded-md flex items-end gap-2" href="https://vipros.fr" x-scroll-to> 134 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 639.51 154.02" role="img" aria-label="Logo VIPros" class="w-28"> 135 <path class="fill-white" 136 d="M160.35 0l-66.18 151.89h-27.77L0 0h30.59l50.56 117.17L132.14 0h28.21ZM170.33 0h28.21v151.89h-28.21V0ZM350.2 54.03c0 33.42-24.74 54.03-64.66 54.03h-34.28v43.83h-28.21V0h62.49c39.92 0 64.66 20.4 64.66 54.03ZM321.78 54.03c0-19.09-12.8-30.16-37.54-30.16h-32.98v60.32h32.98c24.74 0 37.54-11.07 37.54-30.16ZM544.29 140.98l9.32-19.44c9.52 7.14 24 11.71 38.49 11.71 16.66 0 22.62-5.75 22.62-12.7 0-22.62-67.25-5.75-67.25-48.8 0-21.03 18.65-35.11 48.21-35.11 14.08 0 29.16 2.98 39.68 9.72l-8.53 19.44c-10.12-6.55-21.42-8.73-31.94-8.73-15.87 0-22.42 5.75-22.42 13.29 0 22.22 67.05 6.15 67.05 48.01 0 21.42-18.05 35.51-48.6 35.51-17.85 0-36.5-5.16-46.62-12.89ZM479.64 36.63c-32.42 0-
13658.7 26.28-58.7 58.7s26.28 58.7 58.7 58.7c2.21 0 4.38-.13 6.53-.37l-32.43-32.43c-6.61-6.63-10.69-15.77-10.69-25.86 0-20.23 16.4-36.63 36.63-36.63 10.1 0 19.24 4.09 25.86 10.69l32.42 32.42c.24-2.14.37-4.32.37-6.53 0-32.42-26.28-58.7-58.7-58.7ZM389.48 115.19c15.08-6.35 23.81-18.85 23.81-35.91 0-25.79-19.24-40.87-49.59-40.87h-3.75c1.09 4.7 1.69 9.58 1.69 14.61 0 1.9-.1 3.77-.26 5.62h.53c17.26 0 26.19 7.34 26.19 20.63s-8.93 20.83-26.19 20.83h-20.85c-7.39 6.85-16.39 11.97-26.36 14.75v37.03h25v-32.14h25.99l22.81 32.14h26.98l-25.99-36.7Z" /> 137 <circle cx="479.64" cy="95.32" r="24.87" class="fill-accent" /> 138 <path class="fill-accent" d="M481.2 131.91l18.57 18.57c16.23-5.92 29.11-18.8 35.03-35.03l-18.56-18.57c-.8 18.99-16.04 34.23-35.03 35.03Z" /> 139</svg> 140 <h2 class="hidden text-sm font-bold leading-none text-white uppercase lg:block">Avantages aux pros !</h2> 141 </a> 142 </div> 143 144 145 <div class="hidden lg:flex xl:col-span-5 2xl:col-span-6"> 146 <button type="button" @click.stop="$dispatch('mary-search-open')" aria-label="Rechercher une offre, une marque ou un produit" 147 x-data="{ isMac: /Mac|iPhone|iPad|iPod/.test(navigator.platform) }" 148 class="group flex w-full items-center gap-3 rounded-full border border-base-200 bg-white px-4 py-2 text-left text-sm text-neutral shadow-sm transition-colors hover:border-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent"> 149 <svg class="inline flex-shrink-0 w-5 h-5 shrink-0 text-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 150 <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"/> 151</svg> 152 <span class="flex-1 truncate">Rechercher une offre, marque, un produit...</span> 153 <kbd x-show="isMac" class="kbd kbd-sm border-base-200 bg-base-200 text-neutral">â G</kbd> 154 </button> 155 </div> 156 157 158 <div class="flex justify-end gap-3 xl:col-span-4 2xl:col-span-3"> 159 <button 160 161 wire:key="mary080e3175287d897a9029aaf1a0709164" 162 type="button" @click.stop="$dispatch('mary-search-open')" aria-label="Rechercher" 163 class="btn flex justify-center text-white btn-sm btn-circle btn-outline btn-ghost lg:hidden" @click.stop="$dispatch('mary-search-open')" aria-label="Rechercher" 164 165 166 167 168 > 169 170 <!-- SPINNER LEFT --> 171 172 <!-- ICON --> 173 <span class="block" > 174 <svg class="inline flex-shrink-0 w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 175 <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"/> 176</svg> 177 </span> 178 179 <!-- LABEL / SLOT --> 180 181 182 <!-- ICON RIGHT --> 183 184 <!-- SPINNER RIGHT --> 185 186 </button> 187 188 <div class="hidden gap-3 lg:flex"> 189 <a href="https://vipros.fr/se-connecter" 190 191 wire:key="mary4bf5af86502ed1175bfa7f3d4b5c3d0d" 192 type="button" 193 class="btn text-white btn-sm btn-ghost hover:bg-white/10 hover:text-accent" 194 195 196 wire:navigate 197 198 199 > 200 201 <!-- SPINNER LEFT --> 202 203 <!-- ICON --> 204 205 <!-- LABEL / SLOT --> 206 <span class=""> 207 Se connecter 208 </span> 209 210 <!-- ICON RIGHT --> 211 212 <!-- SPINNER RIGHT --> 213 214 </a> 215 <a href="https://vipros.fr/inscription" 216 217 wire:key="marye6800444001a3549fe70962559c51c9c" 218 type="button" 219 class="btn font-bold !uppercase btn-sm btn-accent" 220 221 222 wire:navigate 223 224 225 > 226 227 <!-- SPINNER LEFT --> 228 229 <!-- ICON --> 230 231 <!-- LABEL / SLOT -->
232 <span class=""> 233 Rejoindre le club 234 </span> 235 236 <!-- ICON RIGHT --> 237 <span class="block" > 238 <svg class="inline flex-shrink-0 w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 239 <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/> 240</svg> 241 </span> 242 243 <!-- SPINNER RIGHT --> 244 245 </a> 246 </div> 247 248 <div wire:snapshot="{"data":{"open":false},"memo":{"id":"4li0HVKjVVlV6mtrRDcK","name":"components.menu-modal","path":"\/","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"fr_FR"},"checksum":"f57bd1fbd8ff42290bd9a662a24f2e4c77ed408192e9c31438583722d3aaa46f"}" wire:effects="{"listeners":["resetModalStates"]}" wire:id="4li0HVKjVVlV6mtrRDcK" x-data="{ open: false }" x-on:open-menu-modal.window="open = true" x-on:close-menu-modal.window="open = false"> 249 <!--[if BLOCK]><![endif]--> <button 250 251 wire:key="mary163948ab67b89d5cf95ea0943eb3099f" 252 type="button" wire:click="$toggle('open')" aria-label="Ouvrir le menu" 253 class="btn flex justify-center text-white lg:hidden btn-sm btn-circle btn-ghost" wire:click="$toggle('open')" aria-label="Ouvrir le menu" 254 255 256 257 258 > 259 260 <!-- SPINNER LEFT --> 261 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 262 <!-- ICON --> 263 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 264 <!-- LABEL / SLOT --> 265 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <svg class="inline flex-shrink-0 w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 266 <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 9h16.5m-16.5 6.75h16.5"/> 267</svg> 268 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 269 <!--[if ENDBLOCK]><![endif]--> 270 <!-- ICON RIGHT --> 271 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 272 <!-- SPINNER RIGHT --> 273 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 274 <!--[if BLOCK]><![endif]--> </button> 275 <!--[if ENDBLOCK]><![endif]--> <template x-teleport="body"> 276 <dialog 277 class="modal items-start pt-[10px] backdrop-blur space-y-6" 278 279 x-data="{open: window.Livewire.find('4li0HVKjVVlV6mtrRDcK').entangle('open').live }" 280 x-init="$watch('open', value => { if (!value){ $dispatch('close') }else{ $dispatch('open') } })" 281 :class="{'modal-open !animate-none': open}" 282 :open="open" 283 @keydown.escape.window = "$wire.open = false" 284 285 x-trap="open" x-bind:inert="!open" 286 > 287 <div class="modal-box bg-white"> 288 <!--[if BLOCK]><![endif]--> <form method="dialog" tabindex="-1"> 289 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <button 290 291 wire:key="maryeb7dfc4cd6dac92d14eead70d278ee4b" 292 type="button" @click="$wire.open = false" tabindex="-1" 293 class="btn btn-circle btn-sm btn-ghost absolute end-2 top-2 z-[999]" @click="$wire.open = false" tabindex="-1" 294 295 296 297 298 > 299 300 <!-- SPINNER LEFT --> 301 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 302 <!-- ICON --> 303 <!--[if BLOCK]><![endif]--> <span class="block" > 304 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <svg class="inline flex-shrink-0 w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 305 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18
30518 6M6 6l12 12"/> 306</svg> 307 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </span> 308 <!--[if ENDBLOCK]><![endif]--> 309 <!-- LABEL / SLOT --> 310 <!--[if BLOCK]><![endif]--> 311 <!--[if ENDBLOCK]><![endif]--> 312 <!-- ICON RIGHT --> 313 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 314 <!-- SPINNER RIGHT --> 315 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 316 <!--[if BLOCK]><![endif]--> </button> 317 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </form> 318 <!--[if ENDBLOCK]><![endif]--> 319 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 320 <div> 321 <!--[if BLOCK]><![endif]--> <ul class="menu w-full mt-3 font-semibold text-gray-600" > 322 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 323 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 324 <li class=""> 325 <a 326 class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap text-white bg-primary" 327 328 href="https://vipros.fr/se-connecter" 329 330 331 wire:navigate 332 333 > 334 335 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 336 <!--[if BLOCK]><![endif]--> <span class="block py-0.5" > 337 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <svg class="inline flex-shrink-0 w-5 h-5 mb-0.5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 338 <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z"/> 339</svg> 340 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </span> 341 <!--[if ENDBLOCK]><![endif]--> 342 <!--[if BLOCK]><![endif]--> <span class="mary-hideable whitespace-nowrap truncate"> 343 <!--[if BLOCK]><![endif]--> Se connecter 344 345 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </span> 346 <!--[if ENDBLOCK]><![endif]--> </a> 347 </li> <li class=""> 348 <a 349 class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap text-black bg-accent" 350 351 href="https://vipros.fr/inscription" 352 353 354 wire:navigate 355 356 > 357 358 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 359 <!--[if BLOCK]><![endif]--> <span class="block py-0.5" > 360 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <svg class="inline flex-shrink-0 w-5 h-5 mb-0.5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 361 <path stroke-linecap="round" stroke-linejoin="round" d="M18 7.5v3m0 0v3m0-3h3m-3 0h-3m-2.25-4.125a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0ZM3 19.235v-.11a6.375 6.375 0 0 1 12.75 0v.109A12.318 12.318 0 0 1 9.374 21c-2.331 0-4.512-.645-6.374-1.766Z"/> 362</svg> 363 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </span> 364 <!--[if ENDBLOCK]><![endif]--> 365 <!--[if BLOCK]><![endif]--> <span class="mary-hideable whitespace-nowrap truncate"> 366 <!--[if BLOCK]><![endif]--> Rejoindre le club 367 368 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </span> 369 <!--[if ENDBLOCK]><![endif]--> </a> 370 </li> 371 </ul> <!--[if ENDBLOCK]><![endif]--> <ul class="menu w-full font-semibold text-gray-600" > 372 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 373 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 374 <li class=""> 375 <a 376 class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap mary-active-menu bg-primary text-white lg:hidden" 377 378 href="https://vipros.fr" 379 380 381 wire:navigate 382 383 > 384 385 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 386 <!--[if BLOCK]><![endif]-->
386 <span class="block py-0.5" > 387 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <svg class="inline flex-shrink-0 w-5 h-5 mb-0.5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 388 <path stroke-linecap="round" stroke-linejoin="round" d="m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"/> 389</svg> 390 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </span> 391 <!--[if ENDBLOCK]><![endif]--> 392 <!--[if BLOCK]><![endif]--> <span class="mary-hideable whitespace-nowrap truncate"> 393 <!--[if BLOCK]><![endif]--> Accueil 394 395 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </span> 396 <!--[if ENDBLOCK]><![endif]--> </a> 397 </li> <li class=""> 398 <a 399 class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap lg:[&:not(.mary-active-menu)]:pl-0 rounded-field lg:hover:bg-white/10 lg:hover:text-accent lg:focus-visible:!ring-2 lg:focus-visible:!ring-accent lg:active:!bg-primary lg:active:!text-white" 400 401 href="https://vipros.fr/offres-cashback" 402 403 404 wire:navigate 405 406 > 407 408 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 409 <!--[if BLOCK]><![endif]--> <span class="block py-0.5" > 410 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <svg class="inline flex-shrink-0 w-5 h-5 mb-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Euro Icon"> 411 <path d="M19.4 32.7c0 0.9 0.7 1.6 1.6 1.6H23c1.6 3.7 5.2 6 9.3 6 2.8 0 5.6-1.2 7.5-3.2 0.6-0.6 0.5-1.6-0.1-2.2-0.6-0.6-1.6-0.5-2.2 0.1-1.3 1.4-3.2 2.2-5.2 2.2-2.3 0-4.5-1.1-5.8-2.9h6.1c0.9 0 1.6-0.7 1.6-1.6 0-0.9-0.7-1.6-1.6-1.6h-7.3c-0.1-0.4-0.1-0.7-0.1-1 0-0.2 0-0.5 0-0.6h7.3c0.9 0 1.6-0.7 1.6-1.6s-0.7-1.6-1.6-1.6h-6.3c1.3-2.1 3.5-3.3 6-3.3 1.9 0 3.7 0.7 5 2.1 0.3 0.3 0.7 0.5 1.1 0.5s0.8-0.2 1.1-0.5c0.3-0.3 0.5-0.7 0.5-1.1s-0.2-0.8-0.5-1.1c-1.9-1.9-4.5-3-7.2-3-4.3 0-8 2.5-9.5 6.4h-1.9c-0.9 0-1.6 0.7-1.6 1.6s0.7 1.6 1.6 1.6h1.2c0 0.2 0 0.4 0 0.6 0 0.3 0 0.6 0.1 1h-1.2c-0.8 0-1.6 0.7-1.6 1.6z"/> 412 <path d="M52.6 21l-2.2 2.6L42.7 32c-0.6 0.6-0.5 1.6 0.1 2.2 0.6 0.6 1.6 0.5 2.2-0.1l6.1-6.7c0.1 1.1 0.2 2.1 0.2 2.6 0 11.8-9.6 21.3-21.3 21.3-6.7 0-12.9-3.2-17-8.4l-0.6-0.8c-0.2-0.3-0.6-0.6-1-0.6-0.4-0.1-0.8 0-1.1 0.2-0.3 0.2-0.6 0.6-0.6 1-0.1 0.4 0 0.8 0.2 1.1 0.4 0.6 0.8 1.1 1.2 1.6l0 0c4.6 5.6 11.5 9 18.9 9 13.5 0 24.4-10.9 24.4-24.4 0-3.8-1-7.6-2.6-11z"/> 413 <path d="M7.5 39.1l2.2-2.6 7.7-8.4c0.6-0.6 0.5-1.6-0.1-2.2-0.6-0.6-1.6-0.5-2.2 0.1L9 32.8c-0.1-1.1-0.2-2.1-0.2-2.6 0-11.8 9.6-21.3 21.3-21.3 6.7 0 12.9 3.2 17 8.4l0.6 0.8c0.2 0.3 0.6 0.6 1 0.6 0.4 0.1 0.8 0 1.1-0.2 0.3-0.2 0.6-0.6 0.6-1 0.1-0.4 0-0.8-0.2-1.1-0.4-0.6-0.8-1.1-1.2-1.6l0 0c-4.6-5.6-11.5-9-18.9-9-13.5 0-24.4 11-24.4 24.4 0 3.8 1 7.6 2.6 11z"/> 414</svg> 415 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </span> 416 <!--[if ENDBLOCK]><![endif]--> 417 <!--[if BLOCK]><![endif]--> <span class="mary-hideable whitespace-nowrap truncate"> 418 <!--[if BLOCK]><![endif]--> Offres cashback 419 420 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </span> 421 <!--[if ENDBLOCK]><![endif]--> </a> 422 </li> 423<li class=""> 424 <a 425 class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap rounded-field lg:hover:bg-white/10 lg:hover:text-accent lg:focus-visible:!ring-2 lg:focus-visible:!ring-accent lg:active:!bg-primary lg:active:!text-white" 426 427 href="https://vipros.fr/programme-de-fidelite" 428 429 430 wire:navigate 431 432 > 433 434 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 435 <!--[if BLOCK]><![endif]-->
435 <span class="block py-0.5" > 436 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <svg class="inline flex-shrink-0 w-5 h-5 mb-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon"> 437 <path d="M30 4.6C16 4.6 4.6 16 4.6 30S16 55.4 30 55.4 55.4 44 55.4 30 44 4.6 30 4.6zM30 52.3c-12.3 0-22.3-10-22.3-22.3S17.7 7.7 30 7.7s22.3 10 22.3 22.3S42.3 52.3 30 52.3z"/> 438 <path d="M41.7,20h-9.5c-0.6,0-1.1,0.3-1.4,0.9l-8.4,17.1l-7.8-16.3c-0.4-0.8-1.3-1.1-2-0.7c-0.8,0.4-1.1,1.3-0.7,2 L21,42c0.2,0.5,0.8,0.9,1.4,0.9l0,0c0.6,0,1.1-0.3,1.4-0.9l9.3-19h8.6c3.4,0,4.9,1.5,4.9,4.8c0,2.4-2.6,4.1-4.9,4.1h-5.6 c-0.8,0-1.5,0.7-1.5,1.5v8.1c0,0.8,0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5v-6.6h4.1c3.8,0,8-2.9,8-7.1C49.7,22.8,46.8,20,41.7,20L41.7,20 z"/> 439</svg> 440 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </span> 441 <!--[if ENDBLOCK]><![endif]--> 442 <!--[if BLOCK]><![endif]--> <span class="mary-hideable whitespace-nowrap truncate"> 443 <!--[if BLOCK]><![endif]--> Programme de fidélité 444 445 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </span> 446 <!--[if ENDBLOCK]><![endif]--> </a> 447 </li> 448<li class=""> 449 <a 450 class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap rounded-field lg:hover:bg-white/10 lg:hover:text-accent lg:focus-visible:!ring-2 lg:focus-visible:!ring-accent lg:active:!bg-primary lg:active:!text-white" 451 452 href="https://mag.vipros.fr/" 453 454 target="_blank" 455 456 457 > 458 459 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 460 <!--[if BLOCK]><![endif]--> <span class="block py-0.5" > 461 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <svg class="inline flex-shrink-0 w-5 h-5 mb-0.5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 462 <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z"/> 463</svg> 464 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </span> 465 <!--[if ENDBLOCK]><![endif]--> 466 <!--[if BLOCK]><![endif]--> <span class="mary-hideable whitespace-nowrap truncate"> 467 <!--[if BLOCK]><![endif]--> Mag 468 469 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </span> 470 <!--[if ENDBLOCK]><![endif]--> </a> 471 </li> 472 </ul> 473 </div> 474 475 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 476 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 477 478 <!--[if BLOCK]><![endif]--> <form class="modal-backdrop" method="dialog"> 479 <!--[if BLOCK]><![endif]--> <button @click="$wire.open = false" type="button">close</button> 480 <!--[if ENDBLOCK]><![endif]--> </form> 481 <!--[if ENDBLOCK]><![endif]--></dialog> </template> 482</div> 483 </div> 484 </div> 485 486 487 <div class="hidden lg:block"> 488 <div class="flex items-center"> 489 <ul class="menu w-full flex-row gap-1 p-0 py-1 font-bold text-white" > 490 491 492 <li class=""> 493 <a 494 class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap lg:[&:not(.mary-active-menu)]:pl-0 rounded-field lg:hover:bg-white/10 lg:hover:text-accent lg:focus-visible:!ring-2 lg:focus-visible:!ring-accent lg:active:!bg-primary lg:active:!text-white" 495 496 href="https://vipros.fr/offres-cashback" 497 498 499 wire:navigate 500 501 > 502 503
504 <span class="block py-0.5" > 505 <svg class="inline flex-shrink-0 w-5 h-5 mb-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Euro Icon"> 506 <path d="M19.4 32.7c0 0.9 0.7 1.6 1.6 1.6H23c1.6 3.7 5.2 6 9.3 6 2.8 0 5.6-1.2 7.5-3.2 0.6-0.6 0.5-1.6-0.1-2.2-0.6-0.6-1.6-0.5-2.2 0.1-1.3 1.4-3.2 2.2-5.2 2.2-2.3 0-4.5-1.1-5.8-2.9h6.1c0.9 0 1.6-0.7 1.6-1.6 0-0.9-0.7-1.6-1.6-1.6h-7.3c-0.1-0.4-0.1-0.7-0.1-1 0-0.2 0-0.5 0-0.6h7.3c0.9 0 1.6-0.7 1.6-1.6s-0.7-1.6-1.6-1.6h-6.3c1.3-2.1 3.5-3.3 6-3.3 1.9 0 3.7 0.7 5 2.1 0.3 0.3 0.7 0.5 1.1 0.5s0.8-0.2 1.1-0.5c0.3-0.3 0.5-0.7 0.5-1.1s-0.2-0.8-0.5-1.1c-1.9-1.9-4.5-3-7.2-3-4.3 0-8 2.5-9.5 6.4h-1.9c-0.9 0-1.6 0.7-1.6 1.6s0.7 1.6 1.6 1.6h1.2c0 0.2 0 0.4 0 0.6 0 0.3 0 0.6 0.1 1h-1.2c-0.8 0-1.6 0.7-1.6 1.6z"/> 507 <path d="M52.6 21l-2.2 2.6L42.7 32c-0.6 0.6-0.5 1.6 0.1 2.2 0.6 0.6 1.6 0.5 2.2-0.1l6.1-6.7c0.1 1.1 0.2 2.1 0.2 2.6 0 11.8-9.6 21.3-21.3 21.3-6.7 0-12.9-3.2-17-8.4l-0.6-0.8c-0.2-0.3-0.6-0.6-1-0.6-0.4-0.1-0.8 0-1.1 0.2-0.3 0.2-0.6 0.6-0.6 1-0.1 0.4 0 0.8 0.2 1.1 0.4 0.6 0.8 1.1 1.2 1.6l0 0c4.6 5.6 11.5 9 18.9 9 13.5 0 24.4-10.9 24.4-24.4 0-3.8-1-7.6-2.6-11z"/> 508 <path d="M7.5 39.1l2.2-2.6 7.7-8.4c0.6-0.6 0.5-1.6-0.1-2.2-0.6-0.6-1.6-0.5-2.2 0.1L9 32.8c-0.1-1.1-0.2-2.1-0.2-2.6 0-11.8 9.6-21.3 21.3-21.3 6.7 0 12.9 3.2 17 8.4l0.6 0.8c0.2 0.3 0.6 0.6 1 0.6 0.4 0.1 0.8 0 1.1-0.2 0.3-0.2 0.6-0.6 0.6-1 0.1-0.4 0-0.8-0.2-1.1-0.4-0.6-0.8-1.1-1.2-1.6l0 0c-4.6-5.6-11.5-9-18.9-9-13.5 0-24.4 11-24.4 24.4 0 3.8 1 7.6 2.6 11z"/> 509</svg> 510 </span> 511 512 <span class="mary-hideable whitespace-nowrap truncate"> 513 Offres cashback 514 515 </span> 516 </a> 517 </li> 518<li class=""> 519 <a 520 class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap rounded-field lg:hover:bg-white/10 lg:hover:text-accent lg:focus-visible:!ring-2 lg:focus-visible:!ring-accent lg:active:!bg-primary lg:active:!text-white" 521 522 href="https://vipros.fr/programme-de-fidelite" 523 524 525 wire:navigate 526 527 > 528 529 530 <span class="block py-0.5" > 531 <svg class="inline flex-shrink-0 w-5 h-5 mb-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon"> 532 <path d="M30 4.6C16 4.6 4.6 16 4.6 30S16 55.4 30 55.4 55.4 44 55.4 30 44 4.6 30 4.6zM30 52.3c-12.3 0-22.3-10-22.3-22.3S17.7 7.7 30 7.7s22.3 10 22.3 22.3S42.3 52.3 30 52.3z"/> 533 <path d="M41.7,20h-9.5c-0.6,0-1.1,0.3-1.4,0.9l-8.4,17.1l-7.8-16.3c-0.4-0.8-1.3-1.1-2-0.7c-0.8,0.4-1.1,1.3-0.7,2 L21,42c0.2,0.5,0.8,0.9,1.4,0.9l0,0c0.6,0,1.1-0.3,1.4-0.9l9.3-19h8.6c3.4,0,4.9,1.5,4.9,4.8c0,2.4-2.6,4.1-4.9,4.1h-5.6 c-0.8,0-1.5,0.7-1.5,1.5v8.1c0,0.8,0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5v-6.6h4.1c3.8,0,8-2.9,8-7.1C49.7,22.8,46.8,20,41.7,20L41.7,20 z"/> 534</svg> 535 </span> 536 537 <span class="mary-hideable whitespace-nowrap truncate"> 538 Programme de fidélité 539 540 </span> 541 </a> 542 </li> 543<li class=""> 544 <a 545 class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap rounded-field lg:hover:bg-white/10 lg:hover:text-accent lg:focus-visible:!ring-2 lg:focus-visible:!ring-accent lg:active:!bg-primary lg:active:!text-white" 546 547 href="https://mag.vipros.fr/" 548 549 target="_blank" 550 551 552 > 553 554 555 <span class="block py-0.5" > 556 <svg class="inline flex-shrink-0 w-5 h-5 mb-0.5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 557 <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z"/> 558</svg> 559 </span> 560
561 <span class="mary-hideable whitespace-nowrap truncate"> 562 Mag 563 564 </span> 565 </a> 566 </li> 567 </ul> </div> 568 </div> 569 </div> 570</header> 571 572 <div 573 x-data=" 574 { 575 value: '', 576 results: [], 577 open: $persist(false).as('mary-spotlight-modal'), 578 elapsed: 0, 579 elapsedStep: 200, 580 elapsedMax: 500, 581 maxDebounce: 250, 582 searchTimer: null, 583 debounceTimer: null, 584 controller: new AbortController(), 585 query: '', 586 searchedWithNoResults: false, 587 init(){ 588 if(this.open) { 589 this.show() 590 } 591 592 this.$watch('value', value => this.debounce(() => this.search(), this.maxDebounce)) 593 594 // Fix weird issue when navigating back 595 document.addEventListener('livewire:navigating', () => { 596 this.close() 597 document.querySelectorAll('.mary-spotlight-element')?.forEach(el => el.remove()); 598 }); 599 }, 600 close() { 601 this.open = false 602 $refs.marySpotlightRef?.close() 603 }, 604 show() { 605 this.open = true; 606 $refs.marySpotlightRef.showModal(); 607 }, 608 focus() { 609 setTimeout(() => { 610 this.$refs.spotSearch.focus(); 611 this.$refs.spotSearch.select(); 612 }, 100) 613 }, 614 updateQuery(query){ 615 this.query = query 616 this.search() 617 }, 618 startTimer() { 619 this.searchTimer = setInterval(() => this.elapsed += this.elapsedStep, this.elapsedStep) 620 }, 621 resetTimer() { 622 clearInterval(this.searchTimer) 623 this.elapsed = 0 624 }, 625 debounce(fn, waitTime) { 626 clearTimeout(this.debounceTimer) 627 this.debounceTimer = setTimeout(() => fn(), waitTime) 628 }, 629 async search() { 630 $refs.spotSearch.focus() 631 632 if (this.value == '') { 633 this.results = [] 634 return 635 } 636 637 this.resetTimer() 638 this.startTimer() 639 640 try { 641 this.controller?.abort() 642 this.controller = new AbortController(); 643 644 let response = await fetch(`/mary-/mary/spotlight?search=${this.value}&${this.query}`, { signal: this.controller.signal }) 645 this.results = await response.json() 646 } catch(e) { 647 console.log(e) 648 return 649 } 650 651 this.resetTimer() 652 653 Object.keys(this.results).length 654 ? this.searchedWithNoResults = false 655 : this.searchedWithNoResults = true 656 } 657 }" 658 659 @keydown.window.prevent.meta.g="show(); focus();" 660 @keydown.window.prevent.ctrl.g="show(); focus();" 661 @keydown.escape="close()" 662 @keydown.up="$focus.previous()" 663 @keydown.down="$focus.next()" 664 @mary-search.window="updateQuery(event.detail)" 665 @mary-search-open.window="show(); focus();" 666 > 667 <dialog 668 class="modal backdrop-blur-sm" x-ref="marySpotlightRef" 669 670 id="marySpotlight" 671 672 x-trap="open" x-bind:inert="!open" 673 > 674 <div class="modal-box absolute py-0 top-0 lg:top-10 w-full lg:max-w-3xl rounded-none md:rounded-box"> 675 <form method="dialog" tabindex="-1"> 676 <button 677 678 wire:key="maryeb7dfc4cd6dac92d14eead70d278ee4b" 679 type="submit" tabindex="-1" 680 class="btn btn-circle btn-sm btn-ghost absolute end-2 top-2 z-[999]" type="submit" tabindex="-1" 681 682 683 684 685 > 686 687 <!-- SPINNER LEFT --> 688 689 <!-- ICON -->
690 <span class="block" > 691 <svg class="inline flex-shrink-0 w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 692 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/> 693</svg> 694 </span> 695 696 <!-- LABEL / SLOT --> 697 698 699 <!-- ICON RIGHT --> 700 701 <!-- SPINNER RIGHT --> 702 703 </button> 704 </form> 705 706 707 <div> 708 <div @click.outside="close()"> 709 <!-- INPUT --> 710 <div class="flex"> 711 <div class="flex-1"> 712 <div class="flex items-center"> 713 <svg class="inline flex-shrink-0 w-5 h-5 opacity-40" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 714 <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"/> 715</svg> 716 <input 717 id="mary8caec0896a1252682d3217a6e40c4c3c" 718 x-model="value" 719 x-ref="spotSearch" 720 name="spotSearch" 721 placeholder=" Rechercher une offre, une marque ou un produit..." 722 class="w-full input my-2 border-none outline-none shadow-none border-transparent focus:shadow-none focus:outline-none focus:border-transparent" 723 @focus="$el.focus()" 724 autofocus 725 tabindex="1" 726 /> 727 </div> 728 </div> 729 730 </div> 731 732 <!-- PROGRESS --> 733 <div class="h-[1px]"> 734 <progress class="progress hidden h-[1px]" :class="elapsed > elapsedMax && '!h-[2px] !block'"></progress> 735 </div> 736 737 <!-- SLOT --> 738 739 740 <!-- NO RESULTS --> 741 <template x-if="searchedWithNoResults && value != ''"> 742 <div class="text-base-content/50 p-3 border-t-[length:var(--border)] border-t-base-content/10 mary-spotlight-element">Aucun resultat trouve.</div> 743 </template> 744 745 <!-- RESULTS --> 746 <div class="-mx-1 mt-1" @click="close()" @keydown.enter="close()" x-ref="spotResults"> 747 <template x-for="(item, index) in results" :key="index"> 748 <!-- ITEM --> 749 <a x-bind:href="item.link" class="mary-spotlight-element" wire:navigate tabindex="0"> 750 <div class="p-3 hover:bg-base-200 border-t-[length:var(--border)] border-t-base-content/10" > 751 <div class="flex gap-3 items-center"> 752 <!-- ICON --> 753 <template x-if="item.icon"> 754 <div x-html="item.icon"></div> 755 </template> 756 <!-- AVATAR --> 757 <template x-if="item.avatar && !item.icon"> 758 <div> 759 <img :src="item.avatar" class="rounded-full w-11 h-11" /> 760 </div> 761 </template> 762 <div class="flex-1 overflow-hidden whitespace-nowrap text-ellipsis truncate w-0 mary-hideable"> 763 <!-- NAME --> 764 <div x-html="item.name" class="font-semibold truncate"></div> 765 766 <!-- DESCRIPTION --> 767 <template x-if="item.description"> 768 <div x-html="item.description" class="text-base-content/50 text-sm truncate"></div> 769 </template> 770 </div> 771 </div> 772 </div> 773 </a> 774 </template> 775 <div x-show="results.length" class="mb-3"></div> 776 </div> 777 </div> 778 </div> 779 780 781 </div> 782 783 <form class="modal-backdrop" method="dialog"> 784 <button type="submit">close</button> 785 </form> 786 </dialog> </div>
787 <div wire:snapshot="{"data":{"specialBroadcast":null,"dismissedBroadcast":false,"broadcastId":""},"memo":{"id":"X54HKv1GegE1SSHF4ij7","name":"components.system-notifications","path":"\/","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"fr_FR"},"checksum":"b00e40db27706ea2442a2883c79318da841288c603340d5128550942edd7d586"}" wire:effects="[]" wire:id="X54HKv1GegE1SSHF4ij7" class="fixed z-50 max-w-lg bg-white rounded-lg left-4 bottom-4"> 788 789 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 790 791 <main id="main" class="flex flex-col flex-1 main" 792 > 793 <section class="relative isolate overflow-hidden bg-linear-to-br from-secondary to-primary text-white"> 794 795 <div class="absolute inset-0 -z-20 grid-blueprint" aria-hidden="true"></div> 796 797 <div class="container relative"> 798 <div class="relative z-10 grid gap-8 pt-6 md:grid-cols-2 md:items-end md:gap-6 md:py-0"> 799 <div class="md:py-10 lg:py-12"> 800 <p data-reveal class="m-0 flex items-center gap-3 text-xs font-bold uppercase tracking-[0.2em] text-accent"> 801 <span class="inline-block h-0.5 w-8 bg-accent"></span> 802 Avantages aux pros ! 803 </p> 804 805 <h1 data-reveal 806 class="reveal-delay-90 m-0 mt-5 text-2xl font-extrabold uppercase leading-[1.05] tracking-tight text-balance sm:text-3xl xl:text-4xl [&_sup]:inline-block [&_sup]:align-top [&_sup]:translate-y-[0.5em] [&_sup]:text-sm [&_sup]:leading-none"> 807 Le <span class="text-accent">1<sup>er</sup> Club Professionnel</span><br>qui booste <span class="text-accent">votre pouvoir d'achat</span> 808 </h1> 809 810 811 <div data-reveal class="reveal-delay-270 relative z-10 mt-8"> 812 <div class="flex flex-wrap items-center gap-4"> 813 <a href="https://vipros.fr/inscription" 814 815 wire:key="marye6800444001a3549fe70962559c51c9c" 816 type="button" 817 class="btn w-full font-bold !uppercase btn-primary md:w-auto" 818 819 820 wire:navigate 821 822 823 > 824 825 <!-- SPINNER LEFT --> 826 827 <!-- ICON --> 828 829 <!-- LABEL / SLOT --> 830 <span class=""> 831 Rejoindre le club 832 </span> 833 834 <!-- ICON RIGHT --> 835 <span class="block" > 836 <svg class="inline flex-shrink-0 w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 837 <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/> 838</svg> 839 </span> 840 841 <!-- SPINNER RIGHT --> 842 843 </a> 844 <a href="#section-steps" x-scroll-to 845 class="btn btn-outline w-full border-white/40 text-white hover:border-white hover:bg-white/10 md:w-auto"> 846 Comment ça marche ? 847 </a> 848 </div> 849 </div> 850 851 <div data-reveal class="reveal-delay-360 mt-6 hidden max-w-xl flex-wrap gap-x-12 gap-y-4 md:flex"> 852 <div> 853 <p class="m-0 text-2xl font-extrabold leading-none text-accent md:text-3xl">16</p> 854 <p class="m-0 mt-1.5 text-[0.65rem] font-semibold uppercase tracking-wider whitespace-nowrap text-white/60 md:text-xs">marques 855 partenaires</p> 856 </div> 857 <div> 858 <p class="m-0 text-2xl font-extrabold leading-none text-accent md:text-3xl">Plus de 21 700 859 </p> 860 <p class="m-0 mt-1.5 text-[0.65rem] font-semibold uppercase tracking-wider whitespace-nowrap text-white/60 md:text-xs"> 861 entreprises 862 inscrites</p> 863 </div> 864 </div> 865 866 867 <div data-reveal class="reveal-delay-480 -mt-5 md:hidden"> 868 <div class="mx-auto aspect-[10/7] max-w-64 overflow-hidden"> 869 <img src="https://vipros.fr/app/uploads/2026/08/header_home_compressed.png" alt="" class="block w-full" /> 870 </div> 871 </div> 872 </div> 873 874 875 <div data-reveal class="reveal-delay-200 relative hidden self-stretch overflow-hidden md:block"> 876 <img src="https://vipros.fr/app/uploads/2026/08/header_home_compressed.png" alt="" 877 class="absolute inset-0 h-full w-full object-contain object-center drop-shadow-2xl lg:object-bottom xl:scale-150 2xl:scale-200" /> 878 </div> 879 </div> 880 </div> 881</section> 882 <section class="overflow-hidden border-b-4 border-secondary bg-accent py-2.5 text-secondary" aria-label="Les avantages VIPros"> 883 <div class="flex w-max animate-marquee hover:[animation-play-state:paused] motion-reduce:w-full motion-reduce:animate-none motion-reduce:flex-wrap"> 884 885 <ul class="m-0 flex shrink-0 list-none items-center p-0" > 886 <li class="flex items-center gap-3 whitespace-nowrap px-6 text-sm font-extrabold uppercase tracking-[0.15em]"> 887 <svg class="inline flex-shrink-0 w-5 h-5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 888 <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/> 889</svg> 890 100 % gratuit pour les pros 891 </li> 892 <li class="flex items-center gap-3 whitespace-nowrap px-6 text-sm font-extrabold uppercase tracking-[0.15em]"> 893 <svg class="inline flex-shrink-0 w-5 h-5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 894 <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z"/> 895</svg> 896 Info produit & actualité marques 897 </li> 898 <li class="flex items-center gap-3 whitespace-nowrap px-6 text-sm font-extrabold uppercase tracking-[0.15em]"> 899 <svg class="inline flex-shrink-0 w-5 h-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Euro Icon"> 900 <path d="M19.4 32.7c0 0.9 0.7 1.6 1.6 1.6H23c1.6 3.7 5.2 6 9.3 6 2.8 0 5.6-1.2 7.5-3.2 0.6-0.6 0.5-1.6-0.1-2.2-0.6-0.6-1.6-0.5-2.2 0.1-1.3 1.4-3.2 2.2-5.2 2.2-2.3 0-4.5-1.1-5.8-2.9h6.1c0.9 0 1.6-0.7 1.6-1.6 0-0.9-0.7-1.6-1.6-1.6h-7.3c-0.1-0.4-0.1-0.7-0.1-1 0-0.2 0-0.5 0-0.6h7.3c0.9 0 1.6-0.7 1.6-1.6s-0.7-1.6-1.6-1.6h-6.3c1.3-2.1 3.5-3.3 6-3.3 1.9 0 3.7 0.7 5 2.1 0.3 0.3 0.7 0.5 1.1 0.5s0.8-0.2 1.1-0.5c0.3-0.3 0.5-0.7 0.5-1.1s-0.2-0.8-0.5-1.1c-1.9-1.9-4.5-3-7.2-3-4.3 0-8 2.5-9.5 6.4h-1.9c-0.9 0-1.6 0.7-1.6 1.6s0.7 1.6 1.6 1.6h1.2c0 0.2 0 0.4 0 0.6 0 0.3 0 0.6 0.1 1h-1.2c-0.8 0-1.6 0.7-1.6 1.6z"/> 901 <path d="M52.6 21l-2.2 2.6L42.7 32c-0.6 0.6-0.5 1.6 0.1 2.2 0.6 0.6 1.6 0.5 2.2-0.1l6.1-6.7c0.1 1.1 0.2 2.1 0.2 2.6 0 11.8-9.6 21.3-21.3 21.3-6.7 0-12.9-3.2-17-8.4l-0.6-0.8c-0.2-0.3-0.6-0.6-1-0.6-0.4-0.1-0.8 0-1.1 0.2-0.3 0.2-0.6 0.6-0.6 1-0.1 0.4 0 0.8 0.2 1.1 0.4 0.6 0.8 1.1 1.2 1.6l0 0c4.6 5.6 11.5 9 18.9 9 13.5 0 24.4-10.9 24.4-24.4 0-3.8-1-7.6-2.6-11z"/> 902 <path d="M7.5 39.1l2.2-2.6 7.7-8.4c0.6-0.6 0.5-1.6-0.1-2.2-0.6-0.6-1.6-0.5-2.2 0.1L9 32.8c-0.1-1.1-0.2-2.1-0.2-2.6 0-11.8 9.6-21.3 21.3-21.3 6.7 0 12.9 3.2 17 8.4l0.6 0.8c0.2 0.3 0.6 0.6 1 0.6 0.4 0.1 0.8 0 1.1-0.2 0.3-0.2 0.6-0.6 0.6-1 0.1-0.4 0-0.8-0.2-1.1-0.4-0.6-0.8-1.1-1.2-1.6l0 0c-4.6-5.6-11.5-9-18.9-9-13.5 0-24.4 11-24.4 24.4 0 3.8 1 7.6 2.6 11z"/> 903</svg> 904 Cashback pros toute l'année 905 </li> 906 <li class="flex items-center gap-3 whitespace-nowrap px-6 text-sm font-extrabold uppercase tracking-[0.15em]"> 907 <svg class="inline flex-shrink-0 w-5 h-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon"> 908 <path d="M30 4.6C16 4.6 4.6 16 4.6 30S16 55.4 30 55.4 55.4 44 55.4 30 44 4.6 30 4.6zM30 52.3c-12.3 0-22.3-10-22.3-22.3S17.7 7.7 30 7.7s22.3 10 22.3 22.3S42.3 52.3 30 52.3z"/> 909 <path d="M41.7,20h-9.5c-0.6,0-1.1,0.3-1.4,0.9l-8.4,17.1l-7.8-16.3c-0.4-0.8-1.3-1.1-2-0.7c-0.8,0.4-1.1,1.3-0.7,2 L21,42c0.2,0.5,0.8,0.9,1.4,0.9l0,0c0.6,0,1.1-0.3,1.4-0.9l9.3-19h8.6c3.4,0,4.9,1.5,4.9,4.8c0,2.4-2.6,4.1-4.9,4.1h-5.6 c-0.8,0-1.5,0.7-1.5,1.5v8.1c0,0.8,0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5v-6.6h4.1c3.8,0,8-2.9,8-7.1C49.7,22.8,46.8,20,41.7,20L41.7,20 z"/> 910</svg> 911 Fidélité multimarque 912 </li> 913 <li class="flex items-center gap-3 whitespace-nowrap px-6 text-sm font-extrabold uppercase tracking-[0.15em]"> 914 <svg class="inline flex-shrink-0 w-5 h-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon"> 915<path d="M50.8,17H47c0.6-1.1,0.9-2.3,0.9-3.7c0-1.5-0.6-3.8-2.2-5.3c-1.5-1.5-3.3-2.2-5.3-2.2c-2.1,0-4,0.8-5.3,2.2l-4.7,4.7 l-4.7-4.7c-1.5-1.5-3.3-2.2-5.3-2.2c-2.1,0-4,0.8-5.3,2.2c-1.5,1.5-2.2,3.3-2.2,5.3c0,1.6,0.3,2.7,0.9,3.7H9.3 c-2.3,0-4.1,1.8-4.1,4.1v5.3c0,1.8,1.2,3.4,2.9,4v18.3c0,2.9,2.3,5.2,5.2,5.2h33.5c2.9,0,5.2-2.3,5.2-5.2V30.3 c1.7-0.6,2.9-2.2,2.9-4v-5.3C54.9,18.8,53,17,50.8,17z M51.8,21.1v5.3c0,0.7-0.6,1.3-1.3,1.3h-13v-7.8h13 C51.3,19.8,51.8,20.3,51.8,21.1z M16.9,16.7c-1.9-1.9-1.9-4.8,0-6.8c1-1,2.1-1.4,3.4-1.4c1.2,0,2.5,0.5,3.4,1.4l7.1,7.1H17.2 L16.9,16.7z M34.9,19.8v31.1h-8.5V19.8H34.9z M32.3,14.9l4.8-4.8V9.9c0.9-0.9,2-1.3,3.2-1.3c1.2,0,2.5,0.5,3.4,1.4 c1,1,1.4,2.1,1.4,3.4c0,1.3-0.5,2.4-1.4,3.4L43.6,17v0c0,0,0,0,0,0c0,0-0.1,0.1-0.1,0.1h-8.8L32.3,14.9z M10.6,30.4h3.8 c0.7,0,1.5-0.5,1.5-1.5c0-0.9-0.6-1.5-1.5-1.5H9c-0.7,0-1.3-0.6-1.3-1.3v-5.3c0-0.7,0.6-1.3,1.3-1.3h14.4v31.1H13.1 c-1.2,0-2.3-1-2.4-2.3
915V30.4z M49.1,30.4v18c0,1.3-1.1,2.4-2.4,2.4h-9V30.4H49.1z"/> 916</svg> 917 Cartes cadeaux multi-enseigne 918 </li> 919 </ul> 920 <ul class="m-0 flex shrink-0 list-none items-center p-0" aria-hidden="true" > 921 <li class="flex items-center gap-3 whitespace-nowrap px-6 text-sm font-extrabold uppercase tracking-[0.15em]"> 922 <svg class="inline flex-shrink-0 w-5 h-5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 923 <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/> 924</svg> 925 100 % gratuit pour les pros 926 </li> 927 <li class="flex items-center gap-3 whitespace-nowrap px-6 text-sm font-extrabold uppercase tracking-[0.15em]"> 928 <svg class="inline flex-shrink-0 w-5 h-5 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 929 <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z"/> 930</svg> 931 Info produit & actualité marques 932 </li> 933 <li class="flex items-center gap-3 whitespace-nowrap px-6 text-sm font-extrabold uppercase tracking-[0.15em]"> 934 <svg class="inline flex-shrink-0 w-5 h-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Euro Icon"> 935 <path d="M19.4 32.7c0 0.9 0.7 1.6 1.6 1.6H23c1.6 3.7 5.2 6 9.3 6 2.8 0 5.6-1.2 7.5-3.2 0.6-0.6 0.5-1.6-0.1-2.2-0.6-0.6-1.6-0.5-2.2 0.1-1.3 1.4-3.2 2.2-5.2 2.2-2.3 0-4.5-1.1-5.8-2.9h6.1c0.9 0 1.6-0.7 1.6-1.6 0-0.9-0.7-1.6-1.6-1.6h-7.3c-0.1-0.4-0.1-0.7-0.1-1 0-0.2 0-0.5 0-0.6h7.3c0.9 0 1.6-0.7 1.6-1.6s-0.7-1.6-1.6-1.6h-6.3c1.3-2.1 3.5-3.3 6-3.3 1.9 0 3.7 0.7 5 2.1 0.3 0.3 0.7 0.5 1.1 0.5s0.8-0.2 1.1-0.5c0.3-0.3 0.5-0.7 0.5-1.1s-0.2-0.8-0.5-1.1c-1.9-1.9-4.5-3-7.2-3-4.3 0-8 2.5-9.5 6.4h-1.9c-0.9 0-1.6 0.7-1.6 1.6s0.7 1.6 1.6 1.6h1.2c0 0.2 0 0.4 0 0.6 0 0.3 0 0.6 0.1 1h-1.2c-0.8 0-1.6 0.7-1.6 1.6z"/> 936 <path d="M52.6 21l-2.2 2.6L42.7 32c-0.6 0.6-0.5 1.6 0.1 2.2 0.6 0.6 1.6 0.5 2.2-0.1l6.1-6.7c0.1 1.1 0.2 2.1 0.2 2.6 0 11.8-9.6 21.3-21.3 21.3-6.7 0-12.9-3.2-17-8.4l-0.6-0.8c-0.2-0.3-0.6-0.6-1-0.6-0.4-0.1-0.8 0-1.1 0.2-0.3 0.2-0.6 0.6-0.6 1-0.1 0.4 0 0.8 0.2 1.1 0.4 0.6 0.8 1.1 1.2 1.6l0 0c4.6 5.6 11.5 9 18.9 9 13.5 0 24.4-10.9 24.4-24.4 0-3.8-1-7.6-2.6-11z"/> 937 <path d="M7.5 39.1l2.2-2.6 7.7-8.4c0.6-0.6 0.5-1.6-0.1-2.2-0.6-0.6-1.6-0.5-2.2 0.1L9 32.8c-0.1-1.1-0.2-2.1-0.2-2.6 0-11.8 9.6-21.3 21.3-21.3 6.7 0 12.9 3.2 17 8.4l0.6 0.8c0.2 0.3 0.6 0.6 1 0.6 0.4 0.1 0.8 0 1.1-0.2 0.3-0.2 0.6-0.6 0.6-1 0.1-0.4 0-0.8-0.2-1.1-0.4-0.6-0.8-1.1-1.2-1.6l0 0c-4.6-5.6-11.5-9-18.9-9-13.5 0-24.4 11-24.4 24.4 0 3.8 1 7.6 2.6 11z"/> 938</svg> 939 Cashback pros toute l'année 940 </li> 941 <li class="flex items-center gap-3 whitespace-nowrap px-6 text-sm font-extrabold uppercase tracking-[0.15em]"> 942 <svg class="inline flex-shrink-0 w-5 h-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon"> 943 <path d="M30 4.6C16 4.6 4.6 16 4.6 30S16 55.4 30 55.4 55.4 44 55.4 30 44 4.6 30 4.6zM30 52.3c-12.3 0-22.3-10-22.3-22.3S17.7 7.7 30 7.7s22.3 10 22.3 22.3S42.3 52.3 30 52.3z"/> 944 <path d="M41.7,20h-9.5c-0.6,0-1.1,0.3-1.4,0.9l-8.4,17.1l-7.8-16.3c-0.4-0.8-1.3-1.1-2-0.7c-0.8,0.4-1.1,1.3-0.7,2 L21,42c0.2,0.5,0.8,0.9,1.4,0.9l0,0c0.6,0,1.1-0.3,1.4-0.9l9.3-19h8.6c3.4,0,4.9,1.5,4.9,4.8c0,2.4-2.6,4.1-4.9,4.1h-5.6 c-0.8,0-1.5,0.7-1.5,1.5v8.1c0,0.8,0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5v-6.6h4.1c3.8,0,8-2.9,8-7.1C49.7,22.8,46.8,20,41.7,20L41.7,20 z"/> 945</svg> 946 Fidélité multimarque 947 </li> 948 <li class="flex items-center gap-3 whitespace-nowrap px-6 text-sm font-extrabold uppercase tracking-[0.15em]"> 949 <svg class="inline flex-shrink-0 w-5 h-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon"> 950<path d="M50.8,17H47c0.6-1.1,0.9-2.3,0.9-3.7c0-1.5-0.6-3.8-2.2-5.3c-1.5-1.5-3.3-2.2-5.3-2.2c-2.1,0-4,0.8-5.3,2.2l-4.7,4.7 l-4.7-4.7c-1.5-1.5-3.3-2.2-5.3-2.2c-2.1,0-4,0.8-5.3,2.2c-1.5,1.5-2.2,3.3-2.2,5.3c0,1.6,0.3,2.7,0.9,3.7H9.3 c-2.3,0-4.1,1.8-4.1,4.1v5.3c0,1.8,1.2,3.4,2.9,4v18.3c0,2.9,2.3,5.2,5.2,5.2h33.5c2.9,0,5.2-2.3,5.2-5.2V30.3 c1.7-0.6,2.9-2.2,2.9-4v-5.3C54.9,18.8,53,17,50.8,17z M51.8,21.1v5.3c0,0.7-0.6,1.3-1.3,1.3h-13v-7.8h13 C51.3,19.8,51.8,20.3,51.8,21.1z M16.9,16.7c-1.9-1.9-1.9-4.8,0-6.8c1-1,2.1-1.4,3.4-1.4c1.2,0,2.5,0.5,3.4,1.4l7.1,7.1H17.2 L16.9,16.7z M34.9,19.8v31.1h-8.5V19.8H34.9z M32.3,14.9l4.8-4.8V9.9c0.9-0.9,2-1.3,3.2-1.3c1.2,0,2.5,0.5,3.4,1.4 c1,1,1.4,2.1,1.4,3.4c0,1.3-0.5,2.4-1.4,3.4L43.6,17v0c0,0,0,0,0,0c0,0-0.1,0.1-0.1,0.1h-8.8L32.3,14.9z M10.6,30.4h3.8 c0.7,0,1.5-0.5,1.5-1.5c0-0.9-0.6-1.5-1.5-1.5H9c-0.7,0-1.3-0.6-1.3-1.3v-5.3c0-0.7,0.6-1.3,1.3-1.3h14.4v31.1H13.1 c-1.2,0-2.3-1-2.4-2.3
950V30.4z M49.1,30.4v18c0,1.3-1.1,2.4-2.4,2.4h-9V30.4H49.1z"/> 951</svg> 952 Cartes cadeaux multi-enseigne 953 </li> 954 </ul> 955 </div> 956</section> 957 <section id="section-steps" class="relative scroll-mt-20 overflow-hidden bg-base-100 py-10 md:py-14 lg:scroll-mt-28"> 958 <div class="container"> 959 <div data-reveal="data-reveal" class="mb-8 md:mb-10"> 960 <p class="m-0 flex items-center gap-3 text-xs font-bold uppercase tracking-[0.2em] text-primary "> 961 <span class="inline-block h-0.5 w-8 bg-accent"></span> 962 Comment ça marche 963 </p> 964 965 <h2 class="m-0 mt-3 text-2xl font-extrabold uppercase tracking-tight text-secondary text-balance md:text-4xl"> 966 Vos achats pros vous rapportent<br class="hidden md:block"> 967 des <span class="text-primary">avantages concrets</span> 968 </h2> 969</div> 970 971 <ol class="m-0 grid list-none grid-cols-1 gap-5 p-0 md:grid-cols-3 md:gap-6"> 972 <li data-reveal 973 class=" group relative overflow-hidden rounded-2xl border border-base-300 bg-base-100 p-6 shadow-sm transition duration-300 hover:-translate-y-1 hover:shadow-md md:p-7"> 974 <span class="pointer-events-none absolute top-0 right-3 select-none text-[5rem] font-extrabold leading-none text-secondary/10" 975 aria-hidden="true"> 976 01 977 </span> 978 <span 979 class="flex h-14 w-14 -rotate-3 items-center justify-center rounded-xl bg-accent text-secondary transition-transform duration-300 group-hover:rotate-0"> 980 <svg class="inline flex-shrink-0 w-8 h-8" viewBox="0 0 90 90" fill="currentColor" role="img" aria-label="Cart icon"> 981 <path d="M66.2,69.5c-1.6,0-3.2,0.6-4.3,1.8c-1.1,1.1-1.7,2.6-1.7,4.2c0,3.2,2.7,5.8,6,5.8c3.3,0,6-2.8,6-6.2 C72,72,69.4,69.5,66.2,69.5z M66.2,72.2c1.9,0,3.4,1.5,3.4,3.5c-0.2,1.9-1.6,3.2-3.4,3.2c-1.8,0-3.4-1.5-3.4-3.4 C62.8,73.7,64.3,72.2,66.2,72.2L66.2,72.2L66.2,72.2z"/> 982 <path d="M24.2,69.5c-1.6,0-3.2,0.6-4.3,1.8c-1.1,1.1-1.7,2.6-1.7,4.2c0,3.2,2.7,5.8,6,5.8s6-2.8,6-6.2C30,72,27.4,69.5,24.2,69.5z M24.2,78.9c-1.8,0-3.4-1.5-3.4-3.4c0-1.8,1.5-3.3,3.3-3.4v0h0.1c1.9,0,3.4,1.5,3.4,3.5C27.4,77.6,26,78.9,24.2,78.9z"/> 983 <path d="M22.6,57.1c1.8-1.6,4-2.5,6.4-2.5h41c0.5,0,1.2-0.2,1.2-0.7c3.9-8,7.5-16.8,10.7-26.2l0-1l0,0C81.7,26.4,81.3,26,81,26 c0,0,0,0,0,0c-19.9-5-40-7.3-59.8-6.8L20,15c-0.7-2.4-2.9-4.1-5.3-4.1H9.6c-0.9,0-1.4,0.5-1.4,1.4c0,0.9,0.7,1.4,1.4,1.4h5.1 c1.2,0,2.3,0.9,2.7,2l1.4,5.3L27,52.2c-2.9,0.3-5.5,1.8-7.5,4c-2,2.3-3.1,5.1-3.1,8.1c0,0.9,0.7,1.4,1.4,1.4h57.8 c0.9,0,1.4-0.4,1.4-1.2c0-0.9-0.7-1.4-1.4-1.4H19.5C19.8,60.8,20.8,58.7,22.6,57.1z M21.9,21.9c19-0.3,38.2,1.8,57,6.4 C75.8,37,72.6,44.8,69,52.2H30L21.9,21.9z"/> 984</svg> 985 </span> 986 <h3 class="mb-0 mt-5 text-base font-extrabold uppercase tracking-tight text-secondary md:text-lg">Faites vos achats pros</h3> 987 <p class="mb-0 mt-2 text-sm leading-relaxed text-neutral">auprès du distributeur ou du site e-commerce de votre choix</p> 988 </li> 989 <li data-reveal 990 class="reveal-delay-120 group relative overflow-hidden rounded-2xl border border-base-300 bg-base-100 p-6 shadow-sm transition duration-300 hover:-translate-y-1 hover:shadow-md md:p-7"> 991 <span class="pointer-events-none absolute top-0 right-3 select-none text-[5rem] font-extrabold leading-none text-secondary/10" 992 aria-hidden="true"> 993 02 994 </span> 995 <span 996 class="flex h-14 w-14 -rotate-3 items-center justify-center rounded-xl bg-accent text-secondary transition-transform duration-300 group-hover:rotate-0"> 997 <svg class="inline flex-shrink-0 w-8 h-8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90" fill="currentColor" role="img" aria-label="Facture icon"> 998 <path d="M63.5 18.2c-6.5-6.5-15-10-24.1-10H21.6c-3 0-5.4 2.4-5.4 5.4v63c0 3 2.4 5.4 5.4 5.4h46.5c3 0 5.4-2.4 5.4-5.4V42.3c0-9.1-3.6-17.6-10.1-24.1zm-25.5-7.4c6.1 0 11 4.9 11 11v7.7c0 1.8 1.4 3.2 3.2 3.2h7.7c6.1 0 11 4.9 11 11v9.6c0 0.1 0 0.1 0 0.2v23c0 1.5-1.3 2.8-2.8 2.8H21.6c-1.5 0-2.8-1.3-2.8-2.8v-63c0-1.5 1.2-2.8 2.8-2.8l9.4 0c0.1 0 0.2 0 0.2 0h6.8zm21.9 19.3h-7.7c-0.3 0-0.6-0.3-0.6-0.6v-7.7c0-3.8-1.6-7.4-4.4-10 5.4 1.4 10.4 4.2 14.4 8.3 4 4 6.9 9 8.3 14.4-4.3-1.4-8-3-12-3z"/> 999 <path d="M32.1 53.6H36c0 0.4 0 0.7 0 1.1 0 0.5 0 1.1 0.1 1.7h-4c-0.7 0-1.3 0.6-1.3 1.3s0.6 1.3 1.3 1.3h4.6c1.9 5.4 6.9 9 12.6 9 3.6 0 7.2-1.5 9.7-4.2 0.5-0.5 0.5-1.4 0-1.9-0.5-0.5-1.4-0.5-1.9 0-2 2.2-4.8 3.3-7.8 3.3-4.2 0-8.1-2.5-9.8-6.4h10.3c0.7 0 1.3-0.6 1.3-1.3s-0.6-1.3-1.3-1.3H38.7c-0.1-0.6-0.1-1.1-0.1-1.7 0-0.4 0-0.7 0.1-1.1h11.2c0.7 0 1.3-0.6 1.3-1.3S50.5 51 49.8 51H39.2c1.6-4.2 5.6-7 10-7 2.9 0 5.5 1.1 7.6 3.1 0.5 0.5 1.3 0.5 1.9 0 0.5-0.5 0.5-1.3 0-1.9-2.5-2.5-5.9-3.9-9.4-3.9-5.9 0-11.2 4-12.8 9.6h-4.4c-0.7 0-1.3 0.6-1.3 1.3 0 0.8 0.6 1.4 1.3 1.4z"/> 1000</svg> 1001 </span> 1002 <h3 class="mb-0 mt-5 text-base font-extrabold uppercase tracking-tight text-secondary md:text-lg">Déposez vos factures</h3> 1003 <p class="mb-0 mt-2 text-sm leading-relaxed text-neutral">sur votre compte en quelques clics</p> 1004 </li> 1005 <li data-reveal 1006 class="reveal-delay-240 group relative overflow-hidden rounded-2xl border border-base-300 bg-base-100 p-6 shadow-sm transition duration-300 hover:-translate-y-1 hover:shadow-md md:p-7">
1007 <span class="pointer-events-none absolute top-0 right-3 select-none text-[5rem] font-extrabold leading-none text-secondary/10" 1008 aria-hidden="true"> 1009 03 1010 </span> 1011 <span 1012 class="flex h-14 w-14 -rotate-3 items-center justify-center rounded-xl bg-accent text-secondary transition-transform duration-300 group-hover:rotate-0"> 1013 <svg class="inline flex-shrink-0 w-8 h-8" xmlns:ns0="http://www.w3.org/2000/svg" viewBox="0 0 68.73 65.55" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true"> 1014 <path d="M67.38,35.83c-.32-.38-.69-.71-1.1-.99,1.52-1.66,1.52-4.42,1.52-5.73,0-3.97-3-6.34-5.89-6.34h-18.46c.7-2.16,1.81-5.96,2.03-8.85.35-4.85-1.62-8.07-3.33-9.91-2.57-2.77-5.92-4-8.1-4s-4.7,0-4.7,4.4c0,2.31-.17,10.26-2.29,15.41-2.04,4.93-5.92,8.08-7.7,8.08-.03,0-.06.02-.09.02-1.02-1.2-2.54-1.96-4.24-1.96H5.58c-3.07,0-5.58,2.5-5.58,5.58v26.98c0,3.08,2.5,5.58,5.58,5.58h9.46c1.79,0,3.37-.85,4.4-2.16,2.02.82,9.37,3.63,15.4,3.63h17.54c5.11,0,7.93-1.42,9.15-4.61.54-1.45.49-3.58-.68-5.32,2.96-.6,4.25-2.52,4.82-4.26.68-2.12-.08-3.82-1.21-5.02,2.78-1.11,4.03-3.64,4.25-6.04.16-1.69-.31-3.28-1.31-4.48ZM18.12,58.5c0,1.7-1.38,3.09-3.09,3.09H5.58c-1.7,0-3.09-1.38-3.09-3.09v-26.98c0-1.7,1.38-3.09,3.09-3.09h9.46c1.7,0,3.09,1.38,3.09,3.09v26.98ZM66.22,40.08c-.12,1.29-.83,4.3-4.91,4.35-.59,0-1.09.43-1.21,1.01-.11.58.2,1.16.75,1.39.13.05,3.21,1.36,2.44,3.78-.44,1.36-1.5,3.11-5.72,2.66-.62-.07-1.19.34-1.34.94-.15.61.17,1.23.75,1.45,3.22,1.27,2.22,4.38,2.21,4.4-.6,1.56-1.84,3-6.82,3h-17.54c-5.43,0-12.33-2.59-14.34-3.4.08-.37.12-.76.12-1.16v-26.98c0-.45-.06-.88-.16-1.3,3.15-.78,6.95-4.72,8.91-9.46,2.31-5.57,2.48-13.93,2.48-16.36,0-1.91.08-1.91,2.21-1.91,1.64,0,4.32,1.1,6.28,3.21,1.38,1.48,2.96,4.08,2.67,8.03-.28,3.83-2.43,9.8-2.45,9.86-.14.38-.08.81.15,1.14.23.33.61.53,1.02.53h20.2c1.65,0,3.4,1.35,3.4,3.85,0,3.48-.61,4.6-2.51,4.6-.67,0-1.22.53-1.24,1.19-.03.67.48,1.24,1.14,1.29,1.23.1,2.16.52,2.77,1.24.57.68.84,1.62.74,2.65Z" /> 1015</svg> 1016 </span> 1017 <h3 class="mb-0 mt-5 text-base font-extrabold uppercase tracking-tight text-secondary md:text-lg">Bénéficiez d'avantages</h3> 1018 <p class="mb-0 mt-2 text-sm leading-relaxed text-neutral">Remboursements Cashback et VIPoints de fidélité multimarques</p> 1019 </li> 1020 </ol> 1021 </div> 1022 </section> 1023 <section id="section-offers" class="relative overflow-hidden bg-base-200 py-10 md:py-14"> 1024 <div class="container"> 1025 <div data-reveal class="mb-8 flex flex-wrap items-end justify-between gap-4 md:mb-10"> 1026 <div > 1027 <p class="m-0 flex items-center gap-3 text-xs font-bold uppercase tracking-[0.2em] text-primary "> 1028 <span class="inline-block h-0.5 w-8 bg-accent"></span> 1029 Cashback 1030 </p> 1031 1032 <h2 class="m-0 mt-3 text-2xl font-extrabold uppercase tracking-tight text-secondary text-balance md:text-4xl"> 1033 Les offres <span class="text-primary">du moment</span> 1034 </h2> 1035</div> 1036 <a href="https://vipros.fr/offres-cashback" 1037 1038 wire:key="mary81c66bb100a8c82d154fcbfd0776dc20" 1039 type="button" 1040 class="btn btn-primary" 1041 1042 1043 wire:navigate 1044 1045 1046 > 1047 1048 <!-- SPINNER LEFT --> 1049 1050 <!-- ICON --> 1051 1052 <!-- LABEL / SLOT --> 1053 <span class=""> 1054 Toutes les offres 1055 </span> 1056 1057 <!-- ICON RIGHT --> 1058 <span class="block" > 1059 <svg class="inline flex-shrink-0 w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 1060 <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/> 1061</svg> 1062 </span> 1063 1064 <!-- SPINNER RIGHT --> 1065 1066 </a> 1067 </div> 1068 </div> 1069 1070 <div data-reveal class="reveal-delay-150 container overflow-hidden"> 1071 <div class="relative"> 1072 <div class="absolute inset-y-0 right-0 z-10 hidden w-20 bg-gradient-to-l from-base-200 to-transparent lg:block"></div> 1073 <div x-data="{ 1074 swiper: null, 1075 init() { 1076 this.initializeSwiper(); 1077 1078 Livewire.hook('message.processed', (message, component) => { 1079 if (document.getElementById('slider_6ac2d4c49af9c')) {
1080 this.swiper.update(); 1081 } 1082 }); 1083 }, 1084 initializeSwiper() { 1085 this.swiper = new Swiper('#slider_6ac2d4c49af9c', { 1086 slidesPerView: 'auto', 1087 spaceBetween: 16, 1088 // Livewire déclenche la navigation sur mousedown+mouseup (pas sur click). 1089 // Le preventDefault() de Swiper sur pointerdown supprime le mousedown 1090 // synthétisé par le navigateur, donc le listener de Livewire ne se déclenche 1091 // jamais et le clic sur les liens wire:navigate des slides reste sans effet. 1092 touchStartPreventDefault: false, 1093 preventClicks: false, 1094 preventClicksPropagation: false, 1095 1096 1097 mousewheel: { 1098 forceToAxis: true, 1099 }, 1100 keyboard: { 1101 enabled: true, 1102 onlyInViewport: false, 1103 }, 1104 }); 1105 } 1106}" x-init="init()" id="slider_6ac2d4c49af9c" 1107 class="flex items-stretch swiper-horizontal-mobile overflow-hidden overflow-visible lg:overflow-hidden"> 1108 <div class="!h-auto swiper-wrapper"> 1109 1110 <div class="swiper-slide !w-[200px] md:!w-[230px] !h-auto py-2"> 1111 <a wire:navigate="" class="rounded-md flex flex-col w-full h-full overflow-hidden transition duration-300 border group bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/offres-cashback/offre-color-touch" x-scroll-to> 1112 <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]"> 1113 <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/09/offre-color-touch_61757000084630067_2-medium.webp" alt="Offre Color Touch" loading="lazy" 1114 onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" 1115 class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 "> 1116 1117 1118 1119 1120 1121 <div 1122 class="absolute z-20 flex flex-col items-start px-2.5 py-1 text-white shadow-md rounded-lg bottom-2 left-2 bg-gradient-to-br from-primary to-secondary"> 1123 <span class="text-xs font-semibold leading-none text-white/80">Jusqu'à </span> 1124 <div class="text-sm font-bold leading-none lg:text-2xl">300 â¬</div> 1125 <div class="text-xs font-semibold xl:text-sm">remboursés</div> 1126 </div> 1127 </div> 1128 1129 <div class="flex flex-col justify-between flex-1 p-3 sm:p-4"> 1130 <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Offre Color Touch</h3> 1131 1132 <div class="mt-2"> 1133 <div class="flex flex-wrap items-end gap-2"> 1134 <div class="bg-white rounded-lg flex justify-center mb-2 relative pt-[56%] cursor-pointer w-16 h-9 !pt-0 !mb-0 border border-base-300 shadow-sm [&_img]:!p-1"> 1135 <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/wirquin_61757000057060204_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Wirquin" class="absolute inset-0 object-contain w-full h-full p-2"> 1136 </div> 1137 </div> 1138 1139 </div> 1140 </div> 1141 </a> 1142 </div> 1143 1144 <div class="swiper-slide !w-[200px] md:!w-[230px] !h-auto py-2"> 1145 <a wire:navigate="" class="rounded-md flex flex-col w-full h-full overflow-hidden transition duration-300 border group bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/offres-cashback/offre-multi-push-slw1" x-scroll-to> 1146 <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]"> 1147 <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/09/offre-multi-push-slw1_61757000077238889_2-medium.webp" alt="Offre Multi-Push SLW" loading="lazy" 1148 onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" 1149 class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 "> 1150 1151 1152 1153 1154 1155 <div 1156 class="absolute z-20 flex flex-col items-start px-2.5 py-1 text-white shadow-md rounded-lg bottom-2 left-2 bg-gradient-to-br from-primary to-secondary"> 1157 <div class="text-sm font-bold leading-none lg:text-2xl">300 â¬</div> 1158 <div class="text-xs font-semibold xl:text-sm">remboursés</div> 1159 </div> 1160 </div> 1161 1162 <div class="flex flex-col justify-between flex-1 p-3 sm:p-4"> 1163 <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Offre Multi-Push SLW</h3> 1164 1165 <div class="mt-2"> 1166 <div class="flex flex-wrap items-end gap-2"> 1167 <div class="bg-white rounded-lg flex justify-center mb-2 relative pt-[56%] cursor-pointer w-16 h-9 !pt-0 !mb-0 border border-base-300 shadow-sm [&_img]:!p-1"> 1168 <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/rems_61757000057060040_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Rems" class="absolute inset-0 object-contain w-full h-full p-2"> 1169 </div> 1170 </div> 1171 1172 </div> 1173 </div> 1174 </a> 1175 </div> 1176 1177 <div class="swiper-slide !w-[200px] md:!w-[230px] !h-auto py-2"> 1178 <a wire:navigate="" class="rounded-md flex flex-col w-full h-full overflow-hidden transition duration-300 border group bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/offres-cashback/lacme-70-ans---offre-300-" x-scroll-to> 1179 <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]"> 1180 <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/01/lacme-70-ans---offre-300-_61757000076760189_3-medium.webp" alt="Lacmé 70 ans - offre 300 â¬" loading="lazy" 1181 onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" 1182 class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 "> 1183 1184 1185 1186 1187 1188 <div 1189 class="absolute z-20 flex flex-col items-start px-2.5 py-1 text-white shadow-md rounded-lg bottom-2 left-2 bg-gradient-to-br from-primary to-secondary"> 1190 <div class="text-sm font-bold leading-none lg:text-2xl">300 â¬</div> 1191 <div class="text-xs font-semibold xl:text-sm">remboursés</div> 1192 </div> 1193 </div> 1194 1195 <div class="flex flex-col justify-between flex-1 p-3 sm:p-4"> 1196 <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Lacmé 70 ans - offre 300 â¬</h3> 1197 1198 <div class="mt-2"> 1199 <div class="flex flex-wrap items-end gap-2"> 1200 <div class="bg-white rounded-lg flex justify-center mb-2 relative pt-[56%] cursor-pointer w-16 h-9 !pt-0 !mb-0 border border-base-300 shadow-sm [&_img]:!p-1"> 1201 <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/lacme_61
1201757000057060198_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Lacmé" class="absolute inset-0 object-contain w-full h-full p-2"> 1202 </div> 1203 </div> 1204 1205 </div> 1206 </div> 1207 </a> 1208 </div> 1209 1210 <div class="swiper-slide !w-[200px] md:!w-[230px] !h-auto py-2"> 1211 <a wire:navigate="" class="rounded-md flex flex-col w-full h-full overflow-hidden transition duration-300 border group bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/offres-cashback/bon-plan-coreline" x-scroll-to> 1212 <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]"> 1213 <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/09/bon-plan-coreline_61757000085237046_1-medium.webp" alt="Bon plan CoreLine" loading="lazy" 1214 onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" 1215 class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 "> 1216 1217 <div class="absolute z-20 top-2 right-2"> 1218 <span class="inline-flex bg-white rounded text-xs font-semibold shadow-lg [&_span]:!bg-primary [&_span]:!text-white"> 1219 <span class="px-2 py-1 text-xs rounded inline-flex items-center gap-1 bg-primary/10 text-primary"> 1220 <span>NOUVEAU</span> 1221 </span> 1222 </span> 1223 </div> 1224 1225 1226 1227 1228 <div 1229 class="absolute z-20 flex flex-col items-start px-2.5 py-1 text-white shadow-md rounded-lg bottom-2 left-2 bg-gradient-to-br from-primary to-secondary"> 1230 <span class="text-xs font-semibold leading-none text-white/80">Jusqu'à </span> 1231 <div class="text-sm font-bold leading-none lg:text-2xl">200 â¬</div> 1232 <div class="text-xs font-semibold xl:text-sm">remboursés</div> 1233 </div> 1234 </div> 1235 1236 <div class="flex flex-col justify-between flex-1 p-3 sm:p-4"> 1237 <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Bon plan CoreLine</h3> 1238 1239 <div class="mt-2"> 1240 <div class="flex flex-wrap items-end gap-2"> 1241 <div class="bg-white rounded-lg flex justify-center mb-2 relative pt-[56%] cursor-pointer w-16 h-9 !pt-0 !mb-0 border border-base-300 shadow-sm [&_img]:!p-1"> 1242 <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2026/01/philips_61757000075320475_3-medium.webp" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Philips" class="absolute inset-0 object-contain w-full h-full p-2"> 1243 </div> 1244 </div> 1245 1246 </div> 1247 </div> 1248 </a> 1249 </div> 1250 1251 <div class="swiper-slide !w-[200px] md:!w-[230px] !h-auto py-2"> 1252 <a wire:navigate="" class="rounded-md flex flex-col w-full h-full overflow-hidden transition duration-300 border group bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/offres-cashback/offre-nichepanel" x-scroll-to> 1253 <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]"> 1254 <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/08/offre-nichepanel_61757000084276393_2-medium.webp" alt="Offre Nichepanel" loading="lazy" 1255 onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" 1256 class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 "> 1257 1258 1259 1260 1261 1262 <div 1263 class="absolute z-20 flex flex-col items-start px-2.5 py-1 text-white shadow-md rounded-lg bottom-2 left-2 bg-gradient-to-br from-primary to-secondary"> 1264 <div class="text-sm font-bold leading-none lg:text-2xl">100 â¬</div> 1265 <div class="text-xs font-semibold xl:text-sm">remboursés</div> 1266 </div> 1267 </div> 1268 1269 <div class="flex flex-col justify-between flex-1 p-3 sm:p-4"> 1270 <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Offre Nichepanel</h3> 1271 1272 <div class="mt-2"> 1273 <div class="flex flex-wrap items-end gap-2"> 1274 <div class="bg-white rounded-lg flex justify-center mb-2 relative pt-[56%] cursor-pointer w-16 h-9 !pt-0 !mb-0 border border-base-300 shadow-sm [&_img]:!p-1"> 1275 <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/roth_61757000057060304_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Roth" class="absolute inset-0 object-contain w-full h-full p-2"> 1276 </div> 1277 </div> 1278 1279 </div> 1280 </div> 1281 </a> 1282 </div> 1283 1284 <div class="swiper-slide !w-[200px] md:!w-[230px] !h-auto py-2"> 1285 <a wire:navigate="" class="rounded-md flex flex-col w-full h-full overflow-hidden transition duration-300 border group bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/offres-cashback/offre-permanente-tous-produits-solidur1" x-scroll-to> 1286 <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]"> 1287 <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/08/offre-permanente-tous-produits-solidur1_61757000076434011_3-medium.webp" alt="Offre permanente tous produits SOLIDUR" loading="lazy" 1288 onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" 1289 class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 "> 1290 1291 1292 1293 1294 1295 <div 1296 class="absolute z-20 flex flex-col items-start px-2.5 py-1 text-white shadow-md rounded-lg bottom-2 left-2 bg-gradient-to-br from-primary to-secondary">
1297 <span class="text-xs font-semibold leading-none text-white/80">Jusqu'à </span> 1298 <div class="text-sm font-bold leading-none lg:text-2xl">100 â¬</div> 1299 <div class="text-xs font-semibold xl:text-sm">remboursés</div> 1300 </div> 1301 </div> 1302 1303 <div class="flex flex-col justify-between flex-1 p-3 sm:p-4"> 1304 <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Offre permanente tous produits SOLIDUR</h3> 1305 1306 <div class="mt-2"> 1307 <div class="flex flex-wrap items-end gap-2"> 1308 <div class="bg-white rounded-lg flex justify-center mb-2 relative pt-[56%] cursor-pointer w-16 h-9 !pt-0 !mb-0 border border-base-300 shadow-sm [&_img]:!p-1"> 1309 <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/08/solidur_61757000057060072_11-medium.webp" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Solidur" class="absolute inset-0 object-contain w-full h-full p-2"> 1310 </div> 1311 </div> 1312 1313 </div> 1314 </div> 1315 </a> 1316 </div> 1317 1318 <div class="swiper-slide !w-[200px] md:!w-[230px] !h-auto py-2"> 1319 <a wire:navigate="" class="rounded-md flex flex-col w-full h-full overflow-hidden transition duration-300 border group bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/offres-cashback/offre-abonnement-nocontest" x-scroll-to> 1320 <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]"> 1321 <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/06/offre-abonnement-nocontest_61757000082059158_4-medium.webp" alt="Offre Abonnement NoContest" loading="lazy" 1322 onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" 1323 class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 "> 1324 1325 1326 1327 1328 1329 <div 1330 class="absolute z-20 flex flex-col items-start px-2.5 py-1 text-white shadow-md rounded-lg bottom-2 left-2 bg-gradient-to-br from-primary to-secondary"> 1331 <div class="text-sm font-bold leading-none lg:text-2xl">30 â¬</div> 1332 <div class="text-xs font-semibold xl:text-sm">remboursés</div> 1333 </div> 1334 </div> 1335 1336 <div class="flex flex-col justify-between flex-1 p-3 sm:p-4"> 1337 <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Offre Abonnement NoContest</h3> 1338 1339 <div class="mt-2"> 1340 <div class="flex flex-wrap items-end gap-2"> 1341 <div class="bg-white rounded-lg flex justify-center mb-2 relative pt-[56%] cursor-pointer w-16 h-9 !pt-0 !mb-0 border border-base-300 shadow-sm [&_img]:!p-1"> 1342 <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2026/08/nocontest_61757000081868045_1-medium.webp" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="NoContest" class="absolute inset-0 object-contain w-full h-full p-2"> 1343 </div> 1344 </div> 1345 1346 </div> 1347 </div> 1348 </a> 1349 </div> 1350 1351 <div class="swiper-slide !w-[200px] md:!w-[230px] !h-auto py-2"> 1352 <a wire:navigate="" class="rounded-md flex flex-col w-full h-full overflow-hidden transition duration-300 border group bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/offres-cashback/offre-tertiaire-de-proximite" x-scroll-to> 1353 <div class="relative overflow-hidden shrink-0 bg-base-200 pt-[56%]"> 1354 <img src="https://media.vipros.fr/API-image-bank/public/images/production/cashback/2026/10/offre-tertiaire-de-proximite_61757000084926026_1-medium.webp" alt="Offre tertiaire de proximité" loading="lazy" 1355 onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" 1356 class="absolute inset-0 object-cover w-full h-full transition-transform duration-500 transform group-hover:scale-105 "> 1357 1358 <div class="absolute z-20 top-2 right-2">
1359 <span class="inline-flex bg-white rounded text-xs font-semibold shadow-lg [&_span]:!bg-primary [&_span]:!text-white"> 1360 <span class="px-2 py-1 text-xs rounded inline-flex items-center gap-1 bg-primary/10 text-primary"> 1361 <span>NOUVEAU</span> 1362 </span> 1363 </span> 1364 </div> 1365 1366 1367 1368 1369 <div 1370 class="absolute z-20 flex flex-col items-start px-2.5 py-1 text-white shadow-md rounded-lg bottom-2 left-2 bg-gradient-to-br from-primary to-secondary"> 1371 <span class="text-xs font-semibold leading-none text-white/80">Jusqu'à </span> 1372 <div class="text-sm font-bold leading-none lg:text-2xl">10 â¬</div> 1373 <div class="text-xs font-semibold xl:text-sm">remboursés</div> 1374 </div> 1375 </div> 1376 1377 <div class="flex flex-col justify-between flex-1 p-3 sm:p-4"> 1378 <h3 class="text-xs font-bold lg:text-sm text-secondary line-clamp-2 [&_em]:text-primary">Offre tertiaire de proximité</h3> 1379 1380 <div class="mt-2"> 1381 <div class="flex flex-wrap items-end gap-2"> 1382 <div class="bg-white rounded-lg flex justify-center mb-2 relative pt-[56%] cursor-pointer w-16 h-9 !pt-0 !mb-0 border border-base-300 shadow-sm [&_img]:!p-1"> 1383 <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2026/07/hager_61757000068425003_3-medium.webp" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Hager" class="absolute inset-0 object-contain w-full h-full p-2"> 1384 </div> 1385 </div> 1386 1387 </div> 1388 </div> 1389 </a> 1390 </div> 1391 </div> 1392</div> 1393 </div> 1394 </div> 1395 </section> 1396 <section id="section-factory" class="relative overflow-hidden bg-base-100 pt-10 pb-0 md:pt-14 lg:pb-14"> 1397 <div class="container"> 1398 <div data-reveal="data-reveal" class="mx-auto mb-8 max-w-3xl text-center md:mb-10"> 1399 <p class="m-0 flex items-center gap-3 text-xs font-bold uppercase tracking-[0.2em] text-primary justify-center"> 1400 <span class="inline-block h-0.5 w-8 bg-accent"></span> 1401 Programme de fidélité 1402 <span class="inline-block h-0.5 w-8 bg-accent"></span> 1403 </p> 1404 1405 <h2 class="m-0 mt-3 text-2xl font-extrabold uppercase tracking-tight text-secondary text-balance md:text-4xl"> 1406 Votre fidélité <span class="text-primary">récompensée</span><br> 1407 à chaque achat 1408 </h2> 1409</div> 1410 </div> 1411 1412 1413 <div data-reveal class="reveal-delay-120 grid grid-cols-1 lg:grid-cols-[1fr_30rem_1fr]"> 1414 <div class="relative flex items-center justify-center overflow-hidden lg:justify-start"> 1415 <div aria-hidden="true" class="pointer-events-none absolute inset-0 z-0"> 1416 <div class="absolute inset-x-0 inset-y-6 hidden overflow-hidden bg-primary/15 lg:block"> 1417 <div class="absolute inset-0 grid-blueprint animate-belt-x motion-reduce:animate-none"></div> 1418 </div> 1419 1420 1421 <div class="absolute inset-y-0 left-1/2 w-72 -translate-x-1/2 overflow-hidden bg-primary/15 lg:hidden"> 1422 <div class="absolute inset-0 grid-blueprint animate-belt-y motion-reduce:animate-none"></div> 1423 </div> 1424</div> 1425 <div class="relative z-10 flex h-52 w-[140px] overflow-hidden swiper-container swiper-brands-machine lg:h-auto lg:w-full lg:pr-4"> 1426 <div class="swiper-wrapper"> 1427 <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2"> 1428 <a class="rounded-md flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/nocontest" x-scroll-to> 1429 <div class="relative overflow-hidden pt-[56%]"> 1430 <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2026/08/nocontest_61757000081868045_1-medium.webp" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="NoContest" 1431 loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105"> 1432 </div> 1433 1434 <div class="w-1/2 mx-auto mt-3 border-t-2 border-autre"></div> 1435 1436 <div class="flex flex-col items-center mt-3">
1437 <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200"> 1438 <span class="text-lg font-extrabold leading-none text-secondary">5</span> 1439 <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true"> 1440 <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1 c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2 c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/> 1441</svg> 1442 </span> 1443 <p class="mt-2 text-xs font-medium text-center text-neutral"> 1444 tous les 10⬠d'achat 1445 </p> 1446 </div> 1447 </a> 1448 </div> 1449 <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2"> 1450 <a class="rounded-md flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/philips" x-scroll-to> 1451 <div class="relative overflow-hidden pt-[56%]"> 1452 <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2026/01/philips_61757000075320475_3-medium.webp" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Philips" 1453 loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105"> 1454 </div> 1455 1456 <div class="w-1/2 mx-auto mt-3 border-t-2 border-bati"></div> 1457 1458 <div class="flex flex-col items-center mt-3"> 1459 <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200"> 1460 <span class="text-lg font-extrabold leading-none text-secondary">2</span> 1461 <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true"> 1462 <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1 c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2 c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/> 1463</svg> 1464 </span> 1465 <p class="mt-2 text-xs font-medium text-center text-neutral"> 1466 tous les 10⬠d'achat 1467 </p> 1468 </div> 1469 </a> 1470 </div> 1471 <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2"> 1472 <a class="rounded-md flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/hager" x-scroll-to> 1473 <div class="relative overflow-hidden pt-[56%]"> 1474 <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2026/07/hager_61757000068425003_3-medium.webp" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Hager" 1475 loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105"> 1476 </div> 1477 1478 <div class="w-1/2 mx-auto mt-3 border-t-2 border-bati"></div> 1479 1480 <div class="flex flex-col items-center mt-3">
1481 <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200"> 1482 <span class="text-lg font-extrabold leading-none text-secondary">1</span> 1483 <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true"> 1484 <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1 c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2 c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/> 1485</svg> 1486 </span> 1487 <p class="mt-2 text-xs font-medium text-center text-neutral"> 1488 tous les 10⬠d'achat 1489 </p> 1490 </div> 1491 </a> 1492 </div> 1493 <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2"> 1494 <a class="rounded-md flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/huppe" x-scroll-to> 1495 <div class="relative overflow-hidden pt-[56%]"> 1496 <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/huppe_61757000060447532_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Hüppe" 1497 loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105"> 1498 </div> 1499 1500 <div class="w-1/2 mx-auto mt-3 border-t-2 border-bati"></div> 1501 1502 <div class="flex flex-col items-center mt-3"> 1503 <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200"> 1504 <span class="text-lg font-extrabold leading-none text-secondary">2</span> 1505 <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true"> 1506 <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1 c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2 c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/> 1507</svg> 1508 </span> 1509 <p class="mt-2 text-xs font-medium text-center text-neutral"> 1510 tous les 10⬠d'achat 1511 </p> 1512 </div> 1513 </a> 1514 </div> 1515 <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2"> 1516 <a class="rounded-md flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/hansgrohe" x-scroll-to> 1517 <div class="relative overflow-hidden pt-[56%]"> 1518 <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/hansgrohe_61757000057060368_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Hansgrohe" 1519 loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105"> 1520 </div> 1521 1522 <div class="w-1/2 mx-auto mt-3 border-t-2 border-bati"></div> 1523 1524 <div class="flex flex-col items-center mt-3">
1525 <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200"> 1526 <span class="text-lg font-extrabold leading-none text-secondary">1</span> 1527 <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true"> 1528 <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1 c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2 c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/> 1529</svg> 1530 </span> 1531 <p class="mt-2 text-xs font-medium text-center text-neutral"> 1532 tous les 10⬠d'achat 1533 </p> 1534 </div> 1535 </a> 1536 </div> 1537 <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2"> 1538 <a class="rounded-md flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/roth" x-scroll-to> 1539 <div class="relative overflow-hidden pt-[56%]"> 1540 <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/roth_61757000057060304_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Roth" 1541 loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105"> 1542 </div> 1543 1544 <div class="w-1/2 mx-auto mt-3 border-t-2 border-bati"></div> 1545 1546 <div class="flex flex-col items-center mt-3"> 1547 <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200"> 1548 <span class="text-lg font-extrabold leading-none text-secondary">1</span> 1549 <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true"> 1550 <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1 c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2 c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/> 1551</svg> 1552 </span> 1553 <p class="mt-2 text-xs font-medium text-center text-neutral"> 1554 tous les 10⬠d'achat 1555 </p> 1556 </div> 1557 </a> 1558 </div> 1559 <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2"> 1560 <a class="rounded-md flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/wirquin" x-scroll-to> 1561 <div class="relative overflow-hidden pt-[56%]"> 1562 <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/wirquin_61757000057060204_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Wirquin" 1563 loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105"> 1564 </div> 1565 1566 <div class="w-1/2 mx-auto mt-3 border-t-2 border-bati"></div> 1567 1568 <div class="flex flex-col items-center mt-3">
1569 <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200"> 1570 <span class="text-lg font-extrabold leading-none text-secondary">3</span> 1571 <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true"> 1572 <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1 c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2 c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/> 1573</svg> 1574 </span> 1575 <p class="mt-2 text-xs font-medium text-center text-neutral"> 1576 tous les 10⬠d'achat 1577 </p> 1578 </div> 1579 </a> 1580 </div> 1581 <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2"> 1582 <a class="rounded-md flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/lacme" x-scroll-to> 1583 <div class="relative overflow-hidden pt-[56%]"> 1584 <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/lacme_61757000057060198_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Lacmé" 1585 loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105"> 1586 </div> 1587 1588 <div class="w-1/2 mx-auto mt-3 border-t-2 border-bati"></div> 1589 1590 <div class="flex flex-col items-center mt-3"> 1591 <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200"> 1592 <span class="text-lg font-extrabold leading-none text-secondary">1</span> 1593 <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true"> 1594 <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1 c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2 c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/> 1595</svg> 1596 </span> 1597 <p class="mt-2 text-xs font-medium text-center text-neutral"> 1598 tous les 10⬠d'achat 1599 </p> 1600 </div> 1601 </a> 1602 </div> 1603 <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2"> 1604 <a class="rounded-md flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/viega" x-scroll-to> 1605 <div class="relative overflow-hidden pt-[56%]"> 1606 <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/viega_61757000057060140_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Viega" 1607 loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105"> 1608 </div> 1609 1610 <div class="w-1/2 mx-auto mt-3 border-t-2 border-bati"></div> 1611 1612 <div class="flex flex-col items-center mt-3">
1613 <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200"> 1614 <span class="text-lg font-extrabold leading-none text-secondary">1</span> 1615 <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true"> 1616 <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1 c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2 c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/> 1617</svg> 1618 </span> 1619 <p class="mt-2 text-xs font-medium text-center text-neutral"> 1620 tous les 10⬠d'achat 1621 </p> 1622 </div> 1623 </a> 1624 </div> 1625 <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2"> 1626 <a class="rounded-md flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/bosch" x-scroll-to> 1627 <div class="relative overflow-hidden pt-[56%]"> 1628 <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/bosch_61757000057060126_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Bosch" 1629 loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105"> 1630 </div> 1631 1632 <div class="w-1/2 mx-auto mt-3 border-t-2 border-bati"></div> 1633 1634 <div class="flex flex-col items-center mt-3"> 1635 <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200"> 1636 <span class="text-lg font-extrabold leading-none text-secondary">1</span> 1637 <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true"> 1638 <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1 c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2 c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/> 1639</svg> 1640 </span> 1641 <p class="mt-2 text-xs font-medium text-center text-neutral"> 1642 tous les 10⬠d'achat 1643 </p> 1644 </div> 1645 </a> 1646 </div> 1647 <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2"> 1648 <a class="rounded-md flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/freud" x-scroll-to> 1649 <div class="relative overflow-hidden pt-[56%]"> 1650 <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/freud_61757000057060106_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Freud" 1651 loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105"> 1652 </div> 1653 1654 <div class="w-1/2 mx-auto mt-3 border-t-2 border-bati"></div> 1655 1656 <div class="flex flex-col items-center mt-3">
1657 <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200"> 1658 <span class="text-lg font-extrabold leading-none text-secondary">10</span> 1659 <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true"> 1660 <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1 c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2 c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/> 1661</svg> 1662 </span> 1663 <p class="mt-2 text-xs font-medium text-center text-neutral"> 1664 tous les 10⬠d'achat 1665 </p> 1666 </div> 1667 </a> 1668 </div> 1669 <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2"> 1670 <a class="rounded-md flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/qwetch" x-scroll-to> 1671 <div class="relative overflow-hidden pt-[56%]"> 1672 <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/qwetch_61757000057060100_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Qwetch" 1673 loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105"> 1674 </div> 1675 1676 <div class="w-1/2 mx-auto mt-3 border-t-2 border-bati"></div> 1677 1678 <div class="flex flex-col items-center mt-3"> 1679 <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200"> 1680 <span class="text-lg font-extrabold leading-none text-secondary">5</span> 1681 <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true"> 1682 <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1 c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2 c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/> 1683</svg> 1684 </span> 1685 <p class="mt-2 text-xs font-medium text-center text-neutral"> 1686 tous les 10⬠d'achat 1687 </p> 1688 </div> 1689 </a> 1690 </div> 1691 <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2"> 1692 <a class="rounded-md flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/solidur" x-scroll-to> 1693 <div class="relative overflow-hidden pt-[56%]"> 1694 <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/08/solidur_61757000057060072_11-medium.webp" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Solidur" 1695 loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105"> 1696 </div> 1697 1698 <div class="w-1/2 mx-auto mt-3 border-t-2 border-bati"></div> 1699 1700 <div class="flex flex-col items-center mt-3">
1701 <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200"> 1702 <span class="text-lg font-extrabold leading-none text-secondary">1</span> 1703 <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true"> 1704 <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1 c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2 c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/> 1705</svg> 1706 </span> 1707 <p class="mt-2 text-xs font-medium text-center text-neutral"> 1708 tous les 10⬠d'achat 1709 </p> 1710 </div> 1711 </a> 1712 </div> 1713 <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2"> 1714 <a class="rounded-md flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/valobat" x-scroll-to> 1715 <div class="relative overflow-hidden pt-[56%]"> 1716 <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/valobat_61757000057060064_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Valobat" 1717 loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105"> 1718 </div> 1719 1720 <div class="w-1/2 mx-auto mt-3 border-t-2 border-bati"></div> 1721 1722 <div class="flex flex-col items-center mt-3"> 1723 <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200"> 1724 <span class="text-lg font-extrabold leading-none text-secondary">25</span> 1725 <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true"> 1726 <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1 c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2 c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/> 1727</svg> 1728 </span> 1729 <p class="mt-2 text-xs font-medium text-center text-neutral"> 1730 offerts par utilisation 1731 </p> 1732 </div> 1733 </a> 1734 </div> 1735 <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2"> 1736 <a class="rounded-md flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/ks-tools" x-scroll-to> 1737 <div class="relative overflow-hidden pt-[56%]"> 1738 <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/ks-tools_61757000057060056_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="KS Tools" 1739 loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105"> 1740 </div> 1741 1742 <div class="w-1/2 mx-auto mt-3 border-t-2 border-bati"></div> 1743 1744 <div class="flex flex-col items-center mt-3">
1745 <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200"> 1746 <span class="text-lg font-extrabold leading-none text-secondary">3</span> 1747 <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true"> 1748 <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1 c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2 c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/> 1749</svg> 1750 </span> 1751 <p class="mt-2 text-xs font-medium text-center text-neutral"> 1752 tous les 10⬠d'achat 1753 </p> 1754 </div> 1755 </a> 1756 </div> 1757 <div class="swiper-slide !w-[130px] max-lg:!h-48 max-lg:mx-auto lg:!h-auto py-2"> 1758 <a class="rounded-md flex flex-col w-full h-full p-3 transition duration-300 border group sm:p-4 bg-base-100 border-base-300 rounded-xl shadow-sm hover:shadow-md hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2" href="https://vipros.fr/marques/rems" x-scroll-to> 1759 <div class="relative overflow-hidden pt-[56%]"> 1760 <img src="https://media.vipros.fr/API-image-bank/public/images/production/brand/2025/05/rems_61757000057060040_1-medium.jpg" onerror="this.src='https://vipros.fr/app/themes/vipros/public/build/assets/product-not-found-CeEMQ5V9.png';" alt="Rems" 1761 loading="lazy" class="absolute inset-0 object-contain w-full h-full p-2 transition-transform duration-500 group-hover:scale-105"> 1762 </div> 1763 1764 <div class="w-1/2 mx-auto mt-3 border-t-2 border-bati"></div> 1765 1766 <div class="flex flex-col items-center mt-3"> 1767 <span class="inline-flex items-center gap-1 px-3 py-1 rounded-full bg-base-200"> 1768 <span class="text-lg font-extrabold leading-none text-secondary">1</span> 1769 <svg class="inline flex-shrink-0 w-5 h-5 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true"> 1770 <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1 c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2 c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/> 1771</svg> 1772 </span> 1773 <p class="mt-2 text-xs font-medium text-center text-neutral"> 1774 tous les 10⬠d'achat 1775 </p> 1776 </div> 1777 </a> 1778 </div> 1779 </div> 1780 </div> 1781 </div> 1782 1783 <div class="relative z-10 mx-4 lg:mx-0"> 1784 <div 1785 class="relative mx-auto flex h-full max-w-md flex-col items-center justify-center overflow-hidden rounded-2xl bg-secondary px-4 py-6 text-center text-white shadow-md lg:max-w-none lg:py-8"> 1786 <div class="absolute inset-0 grid-blueprint" aria-hidden="true"></div> 1787 1788 <span class="absolute left-0 top-1/2 hidden h-48 w-2 -translate-y-1/2 rounded-r-md stripes-hazard lg:block" aria-hidden="true"></span> 1789 <span class="absolute right-0 top-1/2 hidden h-48 w-2 -translate-y-1/2 rounded-l-md stripes-hazard lg:block" aria-hidden="true"></span> 1790 1791 <span class="absolute left-1/2 top-0 h-2 w-48 -translate-x-1/2 roun
1791ded-b-md stripes-hazard lg:hidden" aria-hidden="true"></span> 1792 <span class="absolute bottom-0 left-1/2 h-2 w-48 -translate-x-1/2 rounded-t-md stripes-hazard lg:hidden" aria-hidden="true"></span> 1793 1794 <div class="relative w-full"> 1795 1796 <div class="mx-auto w-full max-w-xs animate-factory-shake motion-reduce:hidden"> 1797 1798 <div class="relative hidden h-28 overflow-hidden rounded-xl bg-base-200 shadow-inner ring-1 ring-secondary/10 lg:block"> 1799 1800 <svg class="inline flex-shrink-0 absolute -left-3 top-0 h-10 w-10 animate-gear-cw text-secondary/15" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 1801 <path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 0 1 1.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.559.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.894.149c-.424.07-.764.383-.929.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 0 1-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.398.165-.71.505-.781.929l-.149.894c-.09.542-.56.94-1.11.94h-1.094c-.55 0-1.019-.398-1.11-.94l-.148-.894c-.071-.424-.384-.764-.781-.93-.398-.164-.854-.142-1.204.108l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 0 1-.12-1.45l.527-.737c.25-.35.272-.806.108-1.204-.165-.397-.506-.71-.93-.78l-.894-.15c-.542-.09-.94-.56-.94-1.109v-1.094c0-.55.398-1.02.94-1.11l.894-.149c.424-.07.765-.383.93-.78.165-.398.143-.854-.108-1.204l-.526-.738a1.125 1.125 0 0 1 .12-1.45l.773-.773a1.125 1.125 0 0 1 1.45-.12l.737.527c.35.25.807.272 1.204.107.397-.165.71-.505.78-.929l.15-.894Z"/> 1802 <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/> 1803</svg> 1804 <svg class="inline flex-shrink-0 absolute -bottom-4 -right-3 h-12 w-12 animate-gear-ccw text-secondary/15" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 1805 <path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z"/> 1806 <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/> 1807</svg> 1808 1809 1810 <div class="absolute inset-x-3 bottom-3 border-t border-dashed border-secondary/25" aria-hidden="true"></div> 1811 1812 1813 <div class="absolute left-1/2 top-0 -translate-x-1/2 animate-factory-press" aria-hidden="true"> 1814 <div class="mx-auto h-8 w-3 bg-secondary/25"></div> 1815 <div class="h-2.5 w-16 rounded-sm bg-accent shadow-md"></div> 1816 </div> 1817 1818 1819 <div class="absolute left-1/2 top-1/2 h-16 w-16 -translate-x-1/2 -translate-y-1/2 animate-factory-flash rounded-full bg-accent blur-md" 1820 aria-hidden="true"></div> 1821 1822 1823 <div class="absolute bottom-5 left-1/2 -translate-x-1/2 animate-factory-coin">
1824 <span class="relative block h-12 w-16"> 1825 <span class="absolute left-0 top-0 flex h-6 w-6 items-center justify-center rounded-full text-secondary shadow-md"> 1826 <svg class="inline flex-shrink-0 h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true"> 1827 <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1 c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2 c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/> 1828</svg> 1829 </span> 1830 <span class="absolute bottom-0 left-1 z-10 flex h-7 w-7 items-center justify-center rounded-full text-secondary shadow-md"> 1831 <svg class="inline flex-shrink-0 h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true"> 1832 <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1 c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2 c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/> 1833</svg> 1834 </span> 1835 <span 1836 class="absolute bottom-0.5 right-0 z-20 flex h-11 w-11 items-center justify-center rounded-full text-secondary shadow-md"> 1837 <svg class="inline flex-shrink-0 h-10 w-10" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true"> 1838 <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1 c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2 c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/> 1839</svg> 1840 </span> 1841 </span> 1842 </div> 1843 1844 1845 <div class="absolute bottom-5 left-1/2 -translate-x-1/2 animate-factory-gift"> 1846 <span class="flex h-12 w-20 overflow-hidden rounded-md border border-white shadow-md"> 1847 <span class="flex h-full w-full flex-col items-center justify-center gap-0.5 bg-linear-to-tr from-[#111115] from-60% to-[#242E3F]"> 1848 <span class="text-[0.4rem] font-bold uppercase leading-none tracking-widest text-accent">Carte cadeau</span> 1849 <svg class="inline flex-shrink-0 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90" fill="currentColor" role="img" aria-label="Gift Icon" aria-hidden="true"> 1850 <path d="M75.6 26.6h-6.9c1.4-1.9 2.1-4 2.1-6.4s-1-5.5-3.1-7.4c-2.1-2.1-4.6-3.1-7.4-3.1-2.7 0-5.5 1-7.4 3.1l-7.6 7.6-7.6-7.6c-2.1-2.1-4.6-3.1-7.4-3.1-2.7 0-5.5 1-7.4 3.1-2.1 2.1-3.1 4.6-3.1 7.4s.7 4.5 2.1 6.4h-8.2c-2.9 0-5.3 2.4-5.3 5.3v7.9c0 2.6 1.9 4.8 4.3 5.3v28c0 4 3.1 7.1 7.1 7.1H70c4 0 7.1-3.1 7.1-7.1v-28c2.4-.5 4.3-2.7 4.3-5.3v-7.9c0-2.9-2.4-5.3-5.3-5.3zM54.7 14.9c1.5-1.5 3.4-2.4 5.7-2.4 2.1 0 4.1.9 5.7 2.4 1.5 1.5 2.4 3.4 2.4 5.7s-.9 4.1-2.4 5.7c0 .2-.3.3-.7.7H51.4l-4.3-4.3 7.6-7.6zm-1.7 62.6H38.5V29.2H53v48.3zm-28.4-51.6c-3.1-3.1-3.1-8.1 0-11.3 1.5-1.5 3.4-2.4 5.7-2.4 2.1 0 4.1.9 5.7 2.4l12 12H25.3l-.7-.7zm-9.6 47.1V45.2h6.5c.7 0 1.4-.5 1.4-1.4s-.5-1.4-1.4-1.4h-8.1c-1.5 0-2.7-1.2-2.7-2.7v-7.9c0-1.5 1.2-2.7 2.7-2.7h22.3v48.3H19.4c-2.4 0-4.5-2.1-4.5-4.5zm54.8 4.5H55.5V45.2h18.7V73c0 2.4-2.1 4.5-4.4 4.5zm8.6-37.7c0 1.5-1.2 2.7-2.7 2.7H55.4V29.2h20.3c1.5 0 2.7 1.2 2.7 2.7v7.9z"/> 1851</svg> 1852 </span> 1853</span> 1854 </div> 1855 1856 <div class="pointer-events-none absolute inset-0 z-30 overflow-hidden rounded-xl" aria-hidden="true"> 1857 1858 <div class="absolute inset-0 bg-linear-to-br from-white/40 via-white/5 to-transparent"></div> 1859 1860 <div class="absolute -top-1/4 left-1 h-[150%] w-1/4 -rotate-[20deg] bg-white/35 blur-md"></div> 1861 <div class="absolute -top-1/4 left-10 h-[150%] w-1.5 -rotate-[20deg] bg-white/60 blur-[2px]"></div> 1862 1863 <div class="absolute inset-x-0 top-0 h-px bg-white/70"></div> 1864 <div class="absolute inset-y-0 left-0 w-px bg-white/30"></div> 1865</div> 1866 </div> 1867 1868 1869 <div class="relative mx-auto h-44 w-44 overflow-hidden rounded-xl bg-base-200 shadow-inner ring-1 ring-secondary/10 lg:hidden"> 1870 <svg class="inline flex-shrink-0 absolute -left-3 -top-3 h-10 w-10 animate-gear-cw text-secondary/15" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 1871 <path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 0 1 1.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.559.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.894.149c-.424.07-.764.383-.929.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 0 1-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.398.165-.71.505-.781.929l-.149.894c-.09.542-.56.94-1.11.94h-1.094c-.55 0-1.019-.398-1.11-.94l-.148-.894c-.071-.424-.384-.764-.781-.93-.398-.164-.854-.142-1.204.108l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 0 1-.12-1.45l.527-.737c.25-.35.272-.806.108-1.204-.165-.397-.506-.71-.93-.78l-.894-.15c-.542-.09-.94-.56-.94-1.109v-1.094c0-.55.398-1.02.94-1.11l.894-.149c.424-.07.765-.383.93-.78.165-.398.143-.854-.108-1.204l-.526-.738a1.125 1.125 0 0 1 .12-1.45l.773-.773a1.125 1.125 0 0 1 1.45-.12l.737.527c.35.25.807.272 1.204.107.397-.165.71-.505.78-.929l.15-.894Z"/> 1872 <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/> 1873</svg> 1874 <svg class="inline flex-shrink-0 absolute -bottom-4 -right-3 h-12 w-12 animate-gear-ccw text-secondary/15" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 1875 <path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.
1875074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z"/> 1876 <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/> 1877</svg> 1878 1879 1880 <div class="absolute inset-y-3 left-1/2 -translate-x-1/2 border-l border-dashed border-secondary/25" aria-hidden="true"></div> 1881 1882 1883 <div class="absolute left-0 top-1/2 flex items-center animate-factory-piston-l" aria-hidden="true"> 1884 <div class="h-3 w-20 bg-secondary/25"></div> 1885 <div class="h-12 w-2.5 rounded-sm bg-accent shadow-md"></div> 1886 </div> 1887 <div class="absolute right-0 top-1/2 flex items-center animate-factory-piston-r" aria-hidden="true"> 1888 <div class="h-12 w-2.5 rounded-sm bg-accent shadow-md"></div> 1889 <div class="h-3 w-20 bg-secondary/25"></div> 1890 </div> 1891 1892 1893 <div class="absolute left-1/2 top-1/2 h-16 w-16 -translate-x-1/2 -translate-y-1/2 animate-factory-flash rounded-full bg-accent blur-md" 1894 aria-hidden="true"></div> 1895 1896 1897 <div class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"> 1898 <div class="animate-factory-coin-v"> 1899 <span class="relative block h-12 w-16"> 1900 <span class="absolute left-0 top-0 flex h-6 w-6 items-center justify-center rounded-full text-secondary shadow-md"> 1901 <svg class="inline flex-shrink-0 h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true"> 1902 <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1 c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2 c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/> 1903</svg> 1904 </span> 1905 <span class="absolute bottom-0 left-1 z-10 flex h-7 w-7 items-center justify-center rounded-full text-secondary shadow-md"> 1906 <svg class="inline flex-shrink-0 h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true"> 1907 <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1 c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2 c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/> 1908</svg> 1909 </span>
1910 <span class="absolute bottom-0.5 right-0 z-20 flex h-11 w-11 items-center justify-center rounded-full text-secondary shadow-md"> 1911 <svg class="inline flex-shrink-0 h-10 w-10" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true"> 1912 <path d="M30,4.6C16,4.6,4.6,16,4.6,30C4.6,44,16,55.4,30,55.4C44,55.4,55.4,44,55.4,30C55.4,16,44,4.6,30,4.6z M41.7,34.9h-4.1v6.6c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5v-8.1c0-0.8,0.7-1.5,1.5-1.5h5.6c2.3,0,4.9-1.7,4.9-4.1 c0-3.3-1.5-4.8-4.9-4.8h-8.6l-9.3,19c-0.3,0.5-0.8,0.9-1.4,0.9c-0.6,0-1.1-0.3-1.4-0.9l-9.2-19.2c-0.4-0.8,0-1.7,0.7-2 c0.8-0.4,1.7,0,2,0.7l7.8,16.3l8.4-17.1c0.3-0.5,0.8-0.9,1.4-0.9h9.5v0c5.1,0,8,2.9,8,7.8C49.7,32.1,45.6,34.9,41.7,34.9z"/> 1913</svg> 1914 </span> 1915 </span> 1916 </div> 1917 </div> 1918 1919 1920 <div class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"> 1921 <div class="animate-factory-gift-v"> 1922 <span class="flex h-12 w-20 overflow-hidden rounded-md border border-white shadow-md"> 1923 <span class="flex h-full w-full flex-col items-center justify-center gap-0.5 bg-linear-to-tr from-[#111115] from-60% to-[#242E3F]"> 1924 <span class="text-[0.4rem] font-bold uppercase leading-none tracking-widest text-accent">Carte cadeau</span> 1925 <svg class="inline flex-shrink-0 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90" fill="currentColor" role="img" aria-label="Gift Icon" aria-hidden="true"> 1926 <path d="M75.6 26.6h-6.9c1.4-1.9 2.1-4 2.1-6.4s-1-5.5-3.1-7.4c-2.1-2.1-4.6-3.1-7.4-3.1-2.7 0-5.5 1-7.4 3.1l-7.6 7.6-7.6-7.6c-2.1-2.1-4.6-3.1-7.4-3.1-2.7 0-5.5 1-7.4 3.1-2.1 2.1-3.1 4.6-3.1 7.4s.7 4.5 2.1 6.4h-8.2c-2.9 0-5.3 2.4-5.3 5.3v7.9c0 2.6 1.9 4.8 4.3 5.3v28c0 4 3.1 7.1 7.1 7.1H70c4 0 7.1-3.1 7.1-7.1v-28c2.4-.5 4.3-2.7 4.3-5.3v-7.9c0-2.9-2.4-5.3-5.3-5.3zM54.7 14.9c1.5-1.5 3.4-2.4 5.7-2.4 2.1 0 4.1.9 5.7 2.4 1.5 1.5 2.4 3.4 2.4 5.7s-.9 4.1-2.4 5.7c0 .2-.3.3-.7.7H51.4l-4.3-4.3 7.6-7.6zm-1.7 62.6H38.5V29.2H53v48.3zm-28.4-51.6c-3.1-3.1-3.1-8.1 0-11.3 1.5-1.5 3.4-2.4 5.7-2.4 2.1 0 4.1.9 5.7 2.4l12 12H25.3l-.7-.7zm-9.6 47.1V45.2h6.5c.7 0 1.4-.5 1.4-1.4s-.5-1.4-1.4-1.4h-8.1c-1.5 0-2.7-1.2-2.7-2.7v-7.9c0-1.5 1.2-2.7 2.7-2.7h22.3v48.3H19.4c-2.4 0-4.5-2.1-4.5-4.5zm54.8 4.5H55.5V45.2h18.7V73c0 2.4-2.1 4.5-4.4 4.5zm8.6-37.7c0 1.5-1.2 2.7-2.7 2.7H55.4V29.2h20.3c1.5 0 2.7 1.2 2.7 2.7v7.9z"/> 1927</svg> 1928 </span> 1929</span> 1930 </div> 1931 </div> 1932 1933 <div class="pointer-events-none absolute inset-0 z-30 overflow-hidden rounded-xl" aria-hidden="true"> 1934 1935 <div class="absolute inset-0 bg-linear-to-br from-white/40 via-white/5 to-transparent"></div> 1936 1937 <div class="absolute -top-1/4 left-1 h-[150%] w-1/4 -rotate-[20deg] bg-white/35 blur-md"></div> 1938 <div class="absolute -top-1/4 left-10 h-[150%] w-1.5 -rotate-[20deg] bg-white/60 blur-[2px]"></div> 1939 1940 <div class="absolute inset-x-0 top-0 h-px bg-white/70"></div> 1941 <div class="absolute inset-y-0 left-0 w-px bg-white/30"></div> 1942</div> 1943 </div> 1944 </div> 1945 1946 1947 <div class="hidden items-center justify-center gap-2 motion-reduce:flex"> 1948 <div class="flex h-20 w-20 items-center justify-center rounded-xl bg-white/10 ring-1 ring-inset ring-white/20"> 1949 <svg class="inline flex-shrink-0 w-14 h-14 text-accent" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90" fill="currentColor" role="img" aria-label="VP plein icon"> 1950 <path d="M56.8 69c-0.9 0-1.6-0.7-1.6-1.6V50.8c0-0.9 0.7-1.6 1.6-1.6h11.5c5.5 0 11.5-4 11.5-9.8 0-7.7-3.8-11.4-11.6-11.4H49.8L30.2 67.8c-0.3 0.6-0.8 0.9-1.5 0.9 0 0 0 0 0 0-0.6 0-1.2-0.4-1.5-0.9L8.5 28.5c-0.4-0.8 0-1.8 0.8-2.2 0.8-0.4 1.8 0 2.2 0.8l17.3 36.2
195018.5-37.7c0.3-0.6 0.8-0.9 1.5-0.9h19.5c9.6 0 14.8 5.2 14.8 14.6 0 7.8-7.7 13.1-14.8 13.1h-9.8v14.9c0 0.9-0.7 1.6-1.6 1.6z"/> 1951</svg> 1952 </div> 1953 <div class="flex items-center text-accent" aria-hidden="true"> 1954 <svg class="inline flex-shrink-0 w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 1955 <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/> 1956</svg> 1957 <svg class="inline flex-shrink-0 w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 1958 <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/> 1959</svg> 1960 <svg class="inline flex-shrink-0 w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 1961 <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/> 1962</svg> 1963 </div> 1964 <div class="flex h-20 w-20 items-center justify-center rounded-xl bg-white/10 ring-1 ring-inset ring-white/20"> 1965 <svg class="inline flex-shrink-0 w-14 h-14 text-accent" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90" fill="currentColor" role="img" aria-label="Gift Icon" aria-hidden="true"> 1966 <path d="M75.6 26.6h-6.9c1.4-1.9 2.1-4 2.1-6.4s-1-5.5-3.1-7.4c-2.1-2.1-4.6-3.1-7.4-3.1-2.7 0-5.5 1-7.4 3.1l-7.6 7.6-7.6-7.6c-2.1-2.1-4.6-3.1-7.4-3.1-2.7 0-5.5 1-7.4 3.1-2.1 2.1-3.1 4.6-3.1 7.4s.7 4.5 2.1 6.4h-8.2c-2.9 0-5.3 2.4-5.3 5.3v7.9c0 2.6 1.9 4.8 4.3 5.3v28c0 4 3.1 7.1 7.1 7.1H70c4 0 7.1-3.1 7.1-7.1v-28c2.4-.5 4.3-2.7 4.3-5.3v-7.9c0-2.9-2.4-5.3-5.3-5.3zM54.7 14.9c1.5-1.5 3.4-2.4 5.7-2.4 2.1 0 4.1.9 5.7 2.4 1.5 1.5 2.4 3.4 2.4 5.7s-.9 4.1-2.4 5.7c0 .2-.3.3-.7.7H51.4l-4.3-4.3 7.6-7.6zm-1.7 62.6H38.5V29.2H53v48.3zm-28.4-51.6c-3.1-3.1-3.1-8.1 0-11.3 1.5-1.5 3.4-2.4 5.7-2.4 2.1 0 4.1.9 5.7 2.4l12 12H25.3l-.7-.7zm-9.6 47.1V45.2h6.5c.7 0 1.4-.5 1.4-1.4s-.5-1.4-1.4-1.4h-8.1c-1.5 0-2.7-1.2-2.7-2.7v-7.9c0-1.5 1.2-2.7 2.7-2.7h22.3v48.3H19.4c-2.4 0-4.5-2.1-4.5-4.5zm54.8 4.5H55.5V45.2h18.7V73c0 2.4-2.1 4.5-4.4 4.5zm8.6-37.7c0 1.5-1.2 2.7-2.7 2.7H55.4V29.2h20.3c1.5 0 2.7 1.2 2.7 2.7v7.9z"/> 1967</svg> 1968 </div> 1969 </div> 1970 1971 <p class="mb-0 mt-4 text-sm text-white/80"> 1972 Des <span class="font-bold text-white">VIPoints de fidélité</span> tous les 10⬠d'achat <br> 1973 à transformer en <span class="font-bold text-white">cartes cadeaux</span> ! 1974 </p> 1975 1976 <a href="https://vipros.fr/programme-de-fidelite" 1977 1978 wire:key="mary756b6e732df97f9b031a020000ee6b63" 1979 type="button" 1980 class="btn mt-5 btn-accent font-bold !uppercase" 1981 1982 1983 wire:navigate 1984 1985 1986 > 1987 1988 <!-- SPINNER LEFT --> 1989 1990 <!-- ICON --> 1991 1992 <!-- LABEL / SLOT --> 1993 <span class=""> 1994 En savoir plus 1995 </span> 1996 1997 <!-- ICON RIGHT --> 1998 <span class="block" > 1999 <svg class="inline flex-shrink-0 w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2000 <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/> 2001</svg> 2002 </span> 2003 2004 <!-- SPINNER RIGHT --> 2005 2006 </a> 2007 </div> 2008 </div> 2009 </div> 2010 2011 <div class="relative flex items-center justify-center overflow-hidden lg:justify-start"> 2012 <div aria-hidden="true" class="pointer-events-none absolute inset-0 z-0"> 2013 <div class="absolute inset-x-0 inset-y-6 hidden overflow-hidden bg-primary/15 lg:block"> 2014 <div class="absolute inset-0 grid-blueprint animate-belt-x motion-reduce:animate-none"></div> 2015 </div> 2016 2017 2018 <div class="absolute inset-y-0 left-1/2 w-72 -translate-x-1/2 overflow-hidden bg-primary/15 lg:hidden"> 2019 <div class="absolute inset-0 grid-blueprint animate-belt-y motion-reduce:animate-none"></div> 2020 </div> 2021</div> 2022 <div class="relative z-10 flex h-40 w-60 overflow-hidden swiper-container swiper-gifts-machine lg:h-auto lg:w-full"> 2023 <div class="swiper-wrapper"> 2024 <div class="swiper-slide !w-60 max-lg:!h-40 lg:!h-auto py-2"> 2025 <div class="inline-block w-full max-w-60"> 2026 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 240" class="w-full h-auto drop-shadow-xl" 2027 role="img" aria-label="Carte cadeau multi-enseigne de 50 euros"> 2028 <defs> 2029 2030 <linearGradient id="giftCardBg" x1="0" y1="1" x2="1" y2="0"> 2031 <stop offset="0" stop-color="#111115" /> 2032 <stop offset="0.6" stop-color="#111115" /> 2033 <stop offset="1" stop-color="#242E3F" /> 2034 </linearGradient> 2035 <filter id="giftAmountShadow" x="-15%" y="-20%" width="130%" height="160%"> 2036 <feDropShadow dx="0" dy="3" stdDeviation="3" flood-color="#000000" flood-opacity="0.5" /> 2037 </filter> 2038 </defs> 2039 2040 2041 <rect x="2" y="2" width="380" height="236" rx="22" fill="url(#giftCardBg)" /> 2042 2043 <rect x="2" y="2" width="380" height="236" rx="22" fill="none" stroke="#ffffff" stroke-width="1" 2044 vector-effect="non-scaling-stroke" /> 2045 2046 2047 <text x="40" y="50" fill="#ffe201" font-family="'Montserrat','Helvetica Neue',Arial,sans-serif" font-weight="700" font-size="17" 2048 textLength="150" lengthAdjust="spacingAndGlyphs">CARTE CADEAUX</text> 2049 <text x="40" y="72" fill="#ffffff" font-family="'Montserrat','Helvetica Neue',Arial,sans-serif" font-weight="700" font-size="17" 2050 textLength="150" lengthAdjust="spacingAndGlyphs">MULTI-ENSEIGNE</text> 2051 2052
2053 <g filter="url(#giftAmountShadow)" font-family="'Montserrat','Helvetica Neue',Arial,sans-serif" font-weight="700" font-size="80" 2054 text-anchor="start" stroke-linejoin="round" stroke-linecap="round"> 2055 <text x="48" y="182" fill="none" stroke="#ffe201" stroke-width="16"><tspan class="changeValueRang">50</tspan></text> 2056 <text x="48" y="182" fill="none" stroke="#0d0e12" stroke-width="8"><tspan class="changeValueRang">50</tspan></text> 2057 <text x="48" y="182" fill="#ffffff"><tspan class="changeValueRang">50</tspan><tspan dx="16" dy="-18" font-size="56" class="currency-symbol">â¬</tspan></text> 2058 </g> 2059 </svg> 2060</div> 2061 </div> 2062 <div class="swiper-slide !w-60 max-lg:!h-40 lg:!h-auto py-2"> 2063 <div class="inline-block w-full max-w-60"> 2064 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 240" class="w-full h-auto drop-shadow-xl" 2065 role="img" aria-label="Carte cadeau multi-enseigne de 80 euros"> 2066 <defs> 2067 2068 <linearGradient id="giftCardBg" x1="0" y1="1" x2="1" y2="0"> 2069 <stop offset="0" stop-color="#111115" /> 2070 <stop offset="0.6" stop-color="#111115" /> 2071 <stop offset="1" stop-color="#242E3F" /> 2072 </linearGradient> 2073 <filter id="giftAmountShadow" x="-15%" y="-20%" width="130%" height="160%"> 2074 <feDropShadow dx="0" dy="3" stdDeviation="3" flood-color="#000000" flood-opacity="0.5" /> 2075 </filter> 2076 </defs> 2077 2078 2079 <rect x="2" y="2" width="380" height="236" rx="22" fill="url(#giftCardBg)" /> 2080 2081 <rect x="2" y="2" width="380" height="236" rx="22" fill="none" stroke="#ffffff" stroke-width="1" 2082 vector-effect="non-scaling-stroke" /> 2083 2084 2085 <text x="40" y="50" fill="#ffe201" font-family="'Montserrat','Helvetica Neue',Arial,sans-serif" font-weight="700" font-size="17" 2086 textLength="150" lengthAdjust="spacingAndGlyphs">CARTE CADEAUX</text> 2087 <text x="40" y="72" fill="#ffffff" font-family="'Montserrat','Helvetica Neue',Arial,sans-serif" font-weight="700" font-size="17" 2088 textLength="150" lengthAdjust="spacingAndGlyphs">MULTI-ENSEIGNE</text> 2089 2090 2091 <g filter="url(#giftAmountShadow)" font-family="'Montserrat','Helvetica Neue',Arial,sans-serif" font-weight="700" font-size="80" 2092 text-anchor="start" stroke-linejoin="round" stroke-linecap="round"> 2093 <text x="48" y="182" fill="none" stroke="#ffe201" stroke-width="16"><tspan class="changeValueRang">80</tspan></text> 2094 <text x="48" y="182" fill="none" stroke="#0d0e12" stroke-width="8"><tspan class="changeValueRang">80</tspan></text> 2095 <text x="48" y="182" fill="#ffffff"><tspan class="changeValueRang">80</tspan><tspan dx="16" dy="-18" font-size="56" class="currency-symbol">â¬</tspan></text> 2096 </g> 2097 </svg> 2098</div> 2099 </div> 2100 <div class="swiper-slide !w-60 max-lg:!h-40 lg:!h-auto py-2"> 2101 <div class="inline-block w-full max-w-60"> 2102 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 240" class="w-full h-auto drop-shadow-xl" 2103 role="img" aria-label="Carte cadeau multi-enseigne de 100 euros"> 2104 <defs> 2105 2106 <linearGradient id="giftCardBg" x1="0" y1="1" x2="1" y2="0"> 2107 <stop offset="0" stop-color="#111115" /> 2108 <stop offset="0.6" stop-color="#111115" /> 2109 <stop offset="1" stop-color="#242E3F" /> 2110 </linearGradient> 2111 <filter id="giftAmountShadow" x="-15%" y="-20%" width="130%" height="160%"> 2112 <feDropShadow dx="0" dy="3" stdDeviation="3" flood-color="#000000" flood-opacity="0.5" /> 2113 </filter> 2114 </defs> 2115 2116 2117 <rect x="2" y="2" width="380" height="236" rx="22" fill="url(#giftCardBg)" /> 2118 2119 <rect x="2" y="2" width="380" height="236" rx="22" fill="none" stroke="#ffffff" stroke-width="1" 2120 vector-effect="non-scaling-stroke" /> 2121 2122 2123 <text x="40" y="50" fill="#ffe201" font-family="'Montserrat','Helvetica Neue',Arial,sans-serif" font-weight="700" font-size="17" 2124 textLength="150" lengthAdjust="spacingAndGlyphs">CARTE CADEAUX</text> 2125 <text x="40" y="72" fill="#ffffff" font-family="'Montserrat','Helvetica Neue',Arial,sans-serif" font-weight="700" font-size="17" 2126 textLength="150" lengthAdjust="spacingAndGlyphs">MULTI-ENSEIGNE</text> 2127 2128
2129 <g filter="url(#giftAmountShadow)" font-family="'Montserrat','Helvetica Neue',Arial,sans-serif" font-weight="700" font-size="80" 2130 text-anchor="start" stroke-linejoin="round" stroke-linecap="round"> 2131 <text x="48" y="182" fill="none" stroke="#ffe201" stroke-width="16"><tspan class="changeValueRang">100</tspan></text> 2132 <text x="48" y="182" fill="none" stroke="#0d0e12" stroke-width="8"><tspan class="changeValueRang">100</tspan></text> 2133 <text x="48" y="182" fill="#ffffff"><tspan class="changeValueRang">100</tspan><tspan dx="16" dy="-18" font-size="56" class="currency-symbol">â¬</tspan></text> 2134 </g> 2135 </svg> 2136</div> 2137 </div> 2138 <div class="swiper-slide !w-60 max-lg:!h-40 lg:!h-auto py-2"> 2139 <div class="inline-block w-full max-w-60"> 2140 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 240" class="w-full h-auto drop-shadow-xl" 2141 role="img" aria-label="Carte cadeau multi-enseigne de 200 euros"> 2142 <defs> 2143 2144 <linearGradient id="giftCardBg" x1="0" y1="1" x2="1" y2="0"> 2145 <stop offset="0" stop-color="#111115" /> 2146 <stop offset="0.6" stop-color="#111115" /> 2147 <stop offset="1" stop-color="#242E3F" /> 2148 </linearGradient> 2149 <filter id="giftAmountShadow" x="-15%" y="-20%" width="130%" height="160%"> 2150 <feDropShadow dx="0" dy="3" stdDeviation="3" flood-color="#000000" flood-opacity="0.5" /> 2151 </filter> 2152 </defs> 2153 2154 2155 <rect x="2" y="2" width="380" height="236" rx="22" fill="url(#giftCardBg)" /> 2156 2157 <rect x="2" y="2" width="380" height="236" rx="22" fill="none" stroke="#ffffff" stroke-width="1" 2158 vector-effect="non-scaling-stroke" /> 2159 2160 2161 <text x="40" y="50" fill="#ffe201" font-family="'Montserrat','Helvetica Neue',Arial,sans-serif" font-weight="700" font-size="17" 2162 textLength="150" lengthAdjust="spacingAndGlyphs">CARTE CADEAUX</text> 2163 <text x="40" y="72" fill="#ffffff" font-family="'Montserrat','Helvetica Neue',Arial,sans-serif" font-weight="700" font-size="17" 2164 textLength="150" lengthAdjust="spacingAndGlyphs">MULTI-ENSEIGNE</text> 2165 2166 2167 <g filter="url(#giftAmountShadow)" font-family="'Montserrat','Helvetica Neue',Arial,sans-serif" font-weight="700" font-size="80" 2168 text-anchor="start" stroke-linejoin="round" stroke-linecap="round"> 2169 <text x="48" y="182" fill="none" stroke="#ffe201" stroke-width="16"><tspan class="changeValueRang">200</tspan></text> 2170 <text x="48" y="182" fill="none" stroke="#0d0e12" stroke-width="8"><tspan class="changeValueRang">200</tspan></text> 2171 <text x="48" y="182" fill="#ffffff"><tspan class="changeValueRang">200</tspan><tspan dx="16" dy="-18" font-size="56" class="currency-symbol">â¬</tspan></text> 2172 </g> 2173 </svg> 2174</div> 2175 </div> 2176 <div class="swiper-slide !w-60 max-lg:!h-40 lg:!h-auto py-2"> 2177 <div class="inline-block w-full max-w-60"> 2178 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 240" class="w-full h-auto drop-shadow-xl" 2179 role="img" aria-label="Carte cadeau multi-enseigne de 500 euros"> 2180 <defs> 2181 2182 <linearGradient id="giftCardBg" x1="0" y1="1" x2="1" y2="0"> 2183 <stop offset="0" stop-color="#111115" /> 2184 <stop offset="0.6" stop-color="#111115" /> 2185 <stop offset="1" stop-color="#242E3F" /> 2186 </linearGradient> 2187 <filter id="giftAmountShadow" x="-15%" y="-20%" width="130%" height="160%"> 2188 <feDropShadow dx="0" dy="3" stdDeviation="3" flood-color="#000000" flood-opacity="0.5" /> 2189 </filter> 2190 </defs> 2191 2192 2193 <rect x="2" y="2" width="380" height="236" rx="22" fill="url(#giftCardBg)" /> 2194 2195 <rect x="2" y="2" width="380" height="236" rx="22" fill="none" stroke="#ffffff" stroke-width="1" 2196 vector-effect="non-scaling-stroke" /> 2197 2198 2199 <text x="40" y="50" fill="#ffe201" font-family="'Montserrat','Helvetica Neue',Arial,sans-serif" font-weight="700" font-size="17" 2200 textLength="150" lengthAdjust="spacingAndGlyphs">CARTE CADEAUX</text> 2201 <text x="40" y="72" fill="#ffffff" font-family="'Montserrat','Helvetica Neue',Arial,sans-serif" font-weight="700" font-size="17" 2202 textLength="150" lengthAdjust="spacingAndGlyphs">MULTI-ENSEIGNE</text> 2203 2204
2205 <g filter="url(#giftAmountShadow)" font-family="'Montserrat','Helvetica Neue',Arial,sans-serif" font-weight="700" font-size="80" 2206 text-anchor="start" stroke-linejoin="round" stroke-linecap="round"> 2207 <text x="48" y="182" fill="none" stroke="#ffe201" stroke-width="16"><tspan class="changeValueRang">500</tspan></text> 2208 <text x="48" y="182" fill="none" stroke="#0d0e12" stroke-width="8"><tspan class="changeValueRang">500</tspan></text> 2209 <text x="48" y="182" fill="#ffffff"><tspan class="changeValueRang">500</tspan><tspan dx="16" dy="-18" font-size="56" class="currency-symbol">â¬</tspan></text> 2210 </g> 2211 </svg> 2212</div> 2213 </div> 2214 </div> 2215 </div> 2216 </div> 2217 </div> 2218</section> 2219 2220 <section wire:snapshot="{"data":{"limit":4,"variant":"v2"},"memo":{"id":"qce7fEtUmcbeu2UhavVd","name":"components.mag-articles","path":"\/","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"lazyLoaded":false,"lazyIsolated":true,"errors":[],"locale":"fr_FR"},"checksum":"09951faba13c72363d157ebeda0b339b3a574007eaf88c23afddc3bac1b1381e"}" wire:effects="[]" wire:id="qce7fEtUmcbeu2UhavVd" x-intersect="$wire.__lazyLoad('eyJkYXRhIjp7ImZvck1vdW50IjpbeyJ2YXJpYW50IjoidjIifSx7InMiOiJhcnIifV0sImZvckNvbXBvbmVudCI6ImNvbXBvbmVudHMubWFnLWFydGljbGVzIn0sIm1lbW8iOnsiaWQiOiI0S0o1Tm9ITjFTdTFNYjZwNUM3QyIsIm5hbWUiOiJfX21vdW50UGFyYW1zQ29udGFpbmVyIiwicGF0aCI6IlwvIiwibWV0aG9kIjoiR0VUIiwicmVsZWFzZSI6ImEtYS1hIn0sImNoZWNrc3VtIjoiZWI4ZWYxNzRjMTU4ZTIzNWZlZWJhODI1MjkxZDRiZGNkYjk1OWYwYzIwN2RmOWVkNjRlMzI5YTRkNTE5ZTQ0ZSJ9')" id="section-mag" class="py-10 bg-base-200 md:py-14"> 2221 <div class="container"> 2222 2223 <div class="mb-6 space-y-3 md:mb-8"> 2224 <div class="w-32 h-3 rounded skeleton bg-base-300"></div> 2225 <div class="w-80 h-8 rounded skeleton bg-base-300 max-w-full"></div> 2226 </div> 2227 2228 2229 <div class="hidden gap-6 md:grid md:grid-cols-4"> 2230 <div class="h-full"> 2231 2232 <div class="relative w-full overflow-hidden rounded-lg shadow-md bg-base-200"> 2233 <div class="w-full pt-[56%] skeleton"></div> 2234 </div> 2235 2236 <div class="pt-3 space-y-2"> 2237 <div class="w-24 h-3 rounded skeleton bg-base-300"></div> 2238 <div class="w-full h-4 rounded skeleton bg-base-300"></div> 2239 <div class="w-3/4 h-4 rounded skeleton bg-base-300"></div> 2240 </div> 2241 </div> 2242 <div class="h-full"> 2243 2244 <div class="relative w-full overflow-hidden rounded-lg shadow-md bg-base-200"> 2245 <div class="w-full pt-[56%] skeleton"></div> 2246 </div> 2247 2248 <div class="pt-3 space-y-2"> 2249 <div class="w-24 h-3 rounded skeleton bg-base-300"></div> 2250 <div class="w-full h-4 rounded skeleton bg-base-300"></div> 2251 <div class="w-3/4 h-4 rounded skeleton bg-base-300"></div> 2252 </div> 2253 </div> 2254 <div class="h-full"> 2255 2256 <div class="relative w-full overflow-hidden rounded-lg shadow-md bg-base-200"> 2257 <div class="w-full pt-[56%] skeleton"></div> 2258 </div> 2259 2260 <div class="pt-3 space-y-2"> 2261 <div class="w-24 h-3 rounded skeleton bg-base-300"></div> 2262 <div class="w-full h-4 rounded skeleton bg-base-300"></div> 2263 <div class="w-3/4 h-4 rounded skeleton bg-base-300"></div> 2264 </div> 2265 </div> 2266 <div class="h-full"> 2267 2268 <div class="relative w-full overflow-hidden rounded-lg shadow-md bg-base-200"> 2269 <div class="w-full pt-[56%] skeleton"></div> 2270 </div> 2271 2272 <div class="pt-3 space-y-2"> 2273 <div class="w-24 h-3 rounded skeleton bg-base-300"></div> 2274 <div class="w-full h-4 rounded skeleton bg-base-300"></div> 2275 <div class="w-3/4 h-4 rounded skeleton bg-base-300"></div> 2276 </div> 2277 </div> 2278 </div> 2279 2280 2281 <div class="flex gap-4 overflow-hidden md:hidden"> 2282 <div class="flex-shrink-0 w-[220px]"> 2283 <div class="relative w-full overflow-hidden rounded-lg shadow-md bg-base-200"> 2284 <div class="w-full pt-[56%] skeleton"></div> 2285 </div> 2286 <div class="pt-3 space-y-2"> 2287 <div class="w-20 h-3 rounded skeleton bg-base-300"></div> 2288 <div class="w-full h-4 rounded skeleton bg-base-300"></div> 2289 <div class="w-2/3 h-4 rounded skeleton bg-base-300"></div> 2290 </div> 2291 </div> 2292 <div class="flex-shrink-0 w-[220px]"> 2293 <div class="relative w-full overflow-hidden rounded-lg shadow-md bg-base-200"> 2294 <div class="w-full pt-[56%] skeleton"></div> 2295 </div> 2296 <div class="pt-3 space-y-2"> 2297 <div class="w-20 h-3 rounded skeleton bg-base-300"></div> 2298 <div class="w-full h-4 rounded skeleton bg-base-300"></div> 2299 <div class="w-2/3 h-4 rounded skeleton bg-base-300"></div> 2300 </div> 2301 </div> 2302 </div> 2303 2304 2305 <div class="flex justify-center mt-6 md:mt-8"> 2306 <div class="w-40 h-10 rounded-lg skeleton bg-base-300"></div> 2307 </div> 2308 </div> 2309</section> 2310 <section class="border-t border-base-300 bg-base-100 py-10 md:py-12"> 2311 <div class="container" data-reveal> 2312 <p class="m-0 mb-8 text-center text-xs font-bold uppercase tracking-[0.25em] text-neutral">Avec le soutien de</p> 2313 <div class="flex flex-wrap items-center justify-center gap-6 sm:gap-16"> 2314 2315 <div class="flex basis-[calc(50%-0.75rem)] items-center justify-center p-3 sm:basis-auto"> 2316 <img width="300" height="86" src="https://vipros.fr/app/uploads/2026/08/Logo_Bpifrance-mini.png" class="max-h-12 w-auto opacity-70 grayscale transition duration-300 hover:opacity-100 hover:grayscale-0 sm:max-h-16" alt="" loading="lazy" decoding="async" /> </div> 2317 2318 <div class="flex basis-[calc(50%-0.75rem)] items-center justify-center p-3 sm:basis-auto"> 2319 <img width="300" height="125" src="https://vipros.fr/app/uploads/2026/08/capeb_gp-mini.png" class="max-h-12 w-auto opacity-70 grayscale transition duration-300 hover:opacity-100 hover:grayscale-0 sm:max-h-16" alt="" loading="lazy" decoding="async" /> </div> 2320 2321 <div class="flex basis-[calc(50%-0.75rem)] items-center justify-center p-3 sm:basis-auto"> 2322 <img width="300" height="77" src="https://vipros.fr/app/uploads/2026/08/FEDE_COMP_MOUCHARD_gris-mini.png" class="max-h-12 w-auto opacity-70 grayscale transition duration-300 hover:opacity-100 hover:grayscale-0 sm:max-h-16" alt="" loading="lazy" decoding="async" /> </div> 2323 2324 <div class="flex basis-[calc(50%-0.75rem)] items-center justify-center p-3 sm:basis-auto"> 2325 <img width="284" height="76" src="https://vipros.fr/app/uploads/2026/08/ministere-300x140-1.jpg" class="max-h-12 w-auto opacity-70 grayscale transition duration-300 hover:opacity-100 hover:grayscale-0 sm:max-h-16" alt="" loading="lazy" decoding="async" /> </div> 2326 </div> 2327 </div> 2328 </section> 2329 <section class="relative overflow-hidden bg-linear-to-br from-accent to-[#EDC61C] py-12 text-secondary md:py-16"> 2330 <div data-reveal class="container relative text-center"> 2331 <h2 class="m-0 text-3xl font-extrabold uppercase tracking-tight text-balance md:text-5xl"> 2332 Prêt à booster votre<br> 2333 pouvoir d'achat ? 2334 </h2> 2335 <p class="mx-auto mb-0 mt-4 max-w-md text-sm font-semibold md:text-base"> 2336 Inscription gratuite, en moins de 2 minutes. 2337 Vos avantages commencent dès la première facture. 2338 </p> 2339 <div class="mt-8 flex flex-wrap items-center justify-center gap-4"> 2340 <a href="https://vipros.fr/inscription" 2341 2342 wire:key="marye6800444001a3549fe70962559c51c9c" 2343 type="button" 2344 class="btn font-bold !uppercase btn-primary" 2345 2346 2347 wire:navigate 2348 2349 2350 > 2351 2352 <!-- SPINNER LEFT --> 2353 2354 <!-- ICON --> 2355 2356 <!-- LABEL / SLOT -->
2357 <span class=""> 2358 Rejoindre le club 2359 </span> 2360 2361 <!-- ICON RIGHT --> 2362 <span class="block" > 2363 <svg class="inline flex-shrink-0 w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2364 <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/> 2365</svg> 2366 </span> 2367 2368 <!-- SPINNER RIGHT --> 2369 2370 </a> 2371 <a href="https://vipros.fr/offres-cashback" 2372 2373 wire:key="mary782ed0ff49ba283690d67bb4ac3d3864" 2374 type="button" 2375 class="btn btn-outline btn-secondary" 2376 2377 2378 wire:navigate 2379 2380 2381 > 2382 2383 <!-- SPINNER LEFT --> 2384 2385 <!-- ICON --> 2386 2387 <!-- LABEL / SLOT --> 2388 <span class=""> 2389 Voir les offres 2390 </span> 2391 2392 <!-- ICON RIGHT --> 2393 2394 <!-- SPINNER RIGHT --> 2395 2396 </a> 2397 </div> 2398 </div> 2399</section> 2400 </main> 2401 2402 2403 <footer class="pt-12 text-white border-t-4 bg-linear-to-r from-secondary to-primary border-accent"> 2404 <div class="container"> 2405 <div class="grid grid-cols-1 gap-10 pb-10 md:grid-cols-2 lg:grid-cols-12"> 2406 2407 <div class="lg:col-span-4"> 2408 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 639.51 154.02" role="img" aria-label="Logo VIPros" class="w-40 mb-5"> 2409 <path class="fill-white" 2410 d="M160.35 0l-66.18 151.89h-27.77L0 0h30.59l50.56 117.17L132.14 0h28.21ZM170.33 0h28.21v151.89h-28.21V0ZM350.2 54.03c0 33.42-24.74 54.03-64.66 54.03h-34.28v43.83h-28.21V0h62.49c39.92 0 64.66 20.4 64.66 54.03ZM321.78 54.03c0-19.09-12.8-30.16-37.54-30.16h-32.98v60.32h32.98c24.74 0 37.54-11.07 37.54-30.16ZM544.29 140.98l9.32-19.44c9.52 7.14 24 11.71 38.49 11.71 16.66 0 22.62-5.75 22.62-12.7 0-22.62-67.25-5.75-67.25-48.8 0-21.03 18.65-35.11 48.21-35.11 14.08 0 29.16 2.98 39.68 9.72l-8.53 19.44c-10.12-6.55-21.42-8.73-31.94-8.73-15.87 0-22.42 5.75-22.42 13.29 0 22.22 67.05 6.15 67.05 48.01 0 21.42-18.05 35.51-48.6 35.51-17.85 0-36.5-5.16-46.62-12.89ZM479.64 36.63c-32.42 0-58.7 26.28-58.7 58.7s26.28 58.7 58.7 58.7c2.21 0 4.38-.13 6.53-.37l-32.43-32.43c-6.61-6.63-10.69-15.77-10.69-25.86 0-20.23 16.4-36.63 36.63-36.63 10.1 0 19.24 4.09 25.86 10.69l32.42 32.42c.24-2.14.37-4.32.37-6.53 0-32.42-26.28-58.7-58.7-58.7ZM389.48 115.19c15.08-6.35 23.81-18.85 23.81-35.91 0-25.79-19.24-40.87-49.59-40.87h-3.75c1.09 4.7 1.69 9.58 1.69 14.61 0 1.9-.1 3.77-.26 5.62h.53c17.26 0 26.19 7.34 26.19 20.63s-8.93 20.83-26.19 20.83h-20.85c-7.39 6.85-16.39 11.97-26.36 14.75v37.03h25v-32.14h25.99l22.81 32.14h26.98l-25.99-36.7Z" /> 2411 <circle cx="479.64" cy="95.32" r="24.87" class="fill-accent" /> 2412 <path class="fill-accent" d="M481.2 131.91l18.57 18.57c16.23-5.92 29.11-18.8 35.03-35.03l-18.56-18.57c-.8 18.99-16.04 34.23-35.03 35.03Z" /> 2413</svg> 2414 2415 <div class="flex flex-wrap gap-3"> 2416 <a target="_blank" rel="noopener noreferrer" class="rounded-md flex items-center justify-center text-white transition-colors border rounded-full w-11 h-11 border-white/20 hover:border-accent hover:bg-white/10 hover:text-accent" href="https://www.instagram.com/vipros.fr/" aria-label="VIPros sur Instagram" x-scroll-to> 2417 <svg class="inline flex-shrink-0 w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true"> 2418 <path d="M15 11.5c-2 0-3.5 1.6-3.5 3.5 0 2 1.6 3.5 3.5 3.5 2 0 3.5-1.6 3.5-3.5 0-2-1.5-3.5-3.5-3.5z"/> 2419 <path d="M23.3 8.7c-.2-.5-.4-.9-.8-1.2-.4-.4-.7-.6-1.2-.8-.4-.1-.9-.3-2-.4-1.1-.1-1.5-.1-4.3-.1s-3.2 0-4.3.1c-1 0-1.6.2-2 .4-.5.2-.8.4-1.2.8-.4.4-.6.7-.8 1.2-.1.4-.3.9-.4 2-.1 1.1-.1 1.5-.1 4.3s0 3.2.1 4.3c0 1 .2 1.6.4 2 .2.5.4.9.8 1.2.4.4.7.6 1.2.8.4.1.9.3 2 .4 1.1.1 1.5.1 4.3.1s3.2 0 4.3-.1c1 0 1.6-.2 2-.4.5-.2.9-.4 1.2-.8.4-.4.6-.7.8-1.2.1-.4.3-.9.4-2 .1-1.1.1-1.5.1-4.3s0-3.2-.1-4.3c-.1-1-.3-1.6-.4-2zM15 20.5c-3 0-
24195.5-2.4-5.5-5.5 0-3 2.4-5.5 5.5-5.5s5.5 2.4 5.5 5.5c0 3-2.5 5.5-5.5 5.5zm5.7-9.9c-.7 0-1.3-.6-1.3-1.3 0-.7.6-1.3 1.3-1.3.7 0 1.3.6 1.3 1.3 0 .7-.6 1.3-1.3 1.3z"/> 2420 <path d="M15 0C6.7 0 0 6.7 0 15s6.7 15 15 15 15-6.7 15-15S23.3 0 15 0zm10.6 19.4c-.1 1.1-.2 1.9-.5 2.6-.3.7-.6 1.3-1.2 1.9-.6.6-1.2 1-1.9 1.2-.7.3-1.4.4-2.6.5-1.1.1-1.5.1-4.4.1s-3.2 0-4.4-.1c-1.1-.1-1.9-.2-2.6-.5-.7-.3-1.3-.6-1.9-1.2-.6-.6-1-1.2-1.2-1.9-.3-.7-.4-1.4-.5-2.6-.1-1.1-.1-1.5-.1-4.4 0-2.9 0-3.2.1-4.4.1-1.1.3-1.9.5-2.6.3-.7.6-1.3 1.2-1.9.6-.6 1.2-1 1.9-1.2.7-.3 1.4-.4 2.6-.5 1.1-.1 1.5-.1 4.4-.1s3.2 0 4.4.1c1.1.1 1.9.2 2.6.5.7.3 1.3.6 1.9 1.2.6.6 1 1.2 1.2 1.9.3.7.4 1.4.5 2.6.1 1.1.1 1.5.1 4.4-.1 2.9-.1 3.2-.1 4.4z"/> 2421</svg> 2422 </a> 2423 <a target="_blank" rel="noopener noreferrer" class="rounded-md flex items-center justify-center text-white transition-colors border rounded-full w-11 h-11 border-white/20 hover:border-accent hover:bg-white/10 hover:text-accent" href="https://www.youtube.com/channel/UCBrO0L9vb_PRqoOsidbcXTQ" aria-label="VIPros sur Youtube" x-scroll-to> 2424 <svg class="inline flex-shrink-0 w-5 h-5" viewBox="0 0 512 512" fill="currentColor" role="img" aria-label="Custom Icon" xmlns="http://www.w3.org/2000/svg"> 2425 <path d="M224.11 303.96l83.27-47.96-83.27-47.96z"/> 2426 <path d="M256 0C114.64 0 0 114.64 0 256s114.64 256 256 256 256-114.64 256-256S397.36 0 256 0zm160 256.26s0 51.92-6.59 76.95c-3.69 13.7-14.5 24.51-28.2 28.2-25.04 6.59-125.18 6.59-125.18 6.59s-99.88 0-125.18-6.85c-13.7-3.69-24.51-14.5-28.2-28.2-6.59-24.77-6.59-76.95-6.59-76.95s0-51.91 6.59-76.95c3.69-13.7 14.76-24.77 28.2-28.46 25.04-6.59 125.18-6.59 125.18-6.59s100.14 0 125.18 6.85c13.7 3.69 24.51 14.5 28.2 28.2 6.85 25.04 6.59 77.21 6.59 77.21z"/> 2427</svg> 2428 </a> 2429 <a target="_blank" rel="noopener noreferrer" class="rounded-md flex items-center justify-center text-white transition-colors border rounded-full w-11 h-11 border-white/20 hover:border-accent hover:bg-white/10 hover:text-accent" href="https://www.facebook.com/vipros/" aria-label="VIPros sur Facebook" x-scroll-to> 2430 <svg class="inline flex-shrink-0 w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true"> 2431 <path d="M15 .1C6.8.1 0 6.8 0 15.1c0 7.5 5.5 13.7 12.6 14.8V19.4H8.9v-4.3h3.8v-3.3C12.7 8.1 15 6 18.4 6c1.6 0 3.4.3 3.4.3V10h-1.9c-1.8 0-2.4 1.2-2.4 2.3v2.8h4.2l-.7 4.3h-3.5v10.4c7-1 12.5-7.3 12.5-14.7C30 6.8 23.3.1 15 .1z"/> 2432</svg> 2433 </a> 2434 <a target="_blank" rel="noopener noreferrer" class="rounded-md flex items-center justify-center text-white transition-colors border rounded-full w-11 h-11 border-white/20 hover:border-accent hover:bg-white/10 hover:text-accent" href="https://www.linkedin.com/company/vipros/" aria-label="VIPros sur Linkedin" x-scroll-to> 2435 <svg class="inline flex-shrink-0 w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true"> 2436 <path d="M15 0C6.7 0 0 6.7 0 15s6.7 15 15 15 15-6.7 15-15S23.3 0 15 0zM9.7 23.6H6.4c-.2 0-.2-.1-.2-.2v-11c0-.2.1-.2.2-.2h3.4c.2 0 .2.1.2.2v10.9c0 .1 0 .3-.3.3zM10.2 9c-.2 1-1.3 1.7-2.6 1.4-1.3-.2-2-1.5-1.5-2.7.3-.8 1-1.2 2-1.2 1.5 0 2.5 1.2 2.1 2.5zm13.4 14.5h-3.2c-.2 0-.3-.1-.3-.3v-5.8c0-.4-.1-.9-.2-1.3-.4-1.3-2-1.8-3.1-.9-.6.5-.9 1.2-.8 1.9V23.2c0 .2-.1.2-.2.2h-3.3c-.2 0-.2-.1-.2-.2v-4.9-6.1c0-.2.1-.3.2-.3h3.3c.2 0 .2.1.2.2v1.3l.1-.1c1-1.5 2.4-1.9 4.1-1.7 2 .3 3.2 1.7 3.5 3.7.1.5.1 1 .1 1.5V23c0 .4 0 .6-.2.5z"/> 2437</svg> 2438 </a> 2439 <a target="_blank" rel="noopener noreferrer" class="rounded-md flex items-center justify-center text-white transition-colors border rounded-full w-11 h-11 border-white/20 hover:border-accent hover:bg-white/10 hover:text-accent" href="https://www.tiktok.com/@vipros.fr" aria-label="VIPros sur Tiktok" x-scroll-to> 2440 <svg class="inline flex-shrink-0 w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="currentColor" role="img" aria-label="Custom Icon" aria-hidden="true"> 2441 <path d="M15 .1C6.7.1 0 6.8 0 15s6.7 14.9 15 14.9S30 23.2 30 15 23.3.1 15 .1zm8.3 13.2c-1.7 0-3.3-.5-4.6-1.4v6.5c0 3.2-2.7 5.9-6 5.9-1.3 0-2.5-.4-3.5-1.1-1.6-1.1-2.6-2.8-2.6-4.8 0-3.2 2.7-5.9 6-5.9.3 0 .5 0 .8.1v3.3c-.3-.1-.5-.1-.8-.1-1.5 0-2.8 1.2-2.8 2.7 0 1 .6 1.9 1.5 2.4.4.2.8.3 1.3.3 1.5 0 2.7-1.2 2.7-2.6V5.8h3.3c0 .3 0 .5.1.8.2 1.2 1 2.3 2 2.9.7.5 1.6.7 2.5.7V13.3z"/> 2442</svg> 2443 </a> 2444 </div> 2445 </div> 2446 2447 2448 <div class="lg:col-span-5"> 2449 <ul class="menu w-full grid gap-1 p-0 sm:grid-cols-2 [&_.mary-hideable]:whitespace-normal" > 2450 2451 2452 <li class=""> 2453 <a 2454 class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap rounded-field hover:text-accent" 2455 2456 href="https://vipros.fr/contact" 2457 2458 2459 wire:navigate 2460 2461 > 2462 2463 2464
2465 <span class="mary-hideable whitespace-nowrap truncate"> 2466 <svg class="inline flex-shrink-0 w-5 h-5 text-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2467 <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095 48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155"/> 2468</svg> 2469 <span class="pl-2 font-semibold">Nous contacter</span> 2470 </span> 2471 </a> 2472 </li> <li class=""> 2473 <a 2474 class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap rounded-field hover:text-accent" 2475 2476 href="https://vipros.fr/faq" 2477 2478 2479 wire:navigate 2480 2481 > 2482 2483 2484 2485 <span class="mary-hideable whitespace-nowrap truncate"> 2486 <svg class="inline flex-shrink-0 w-5 h-5 text-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2487 <path stroke-linecap="round" stroke-linejoin="round" d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z"/> 2488</svg> 2489 <span class="pl-2 font-semibold">Foire aux questions</span> 2490 </span> 2491 </a> 2492 </li> <li class=""> 2493 <a 2494 class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap rounded-field hover:text-accent" 2495 2496 href="https://marque.vipros.fr" 2497 2498 target="_blank" 2499 2500 2501 > 2502 2503 2504 2505 <span class="mary-hideable whitespace-nowrap truncate"> 2506 <svg class="inline flex-shrink-0 w-5 h-5 text-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2507 <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 0 0-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0 1 12 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 0 1-.673-.38m0 0A2.18 2.18 0 0 1 3 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 0 1 3.413-.387m7.5 0V5.25A2.25 2.25 0 0 0 13.5 3h-3a2.25 2.25 0 0 0-2.25 2.25v.894m7.5 0a48.667 48.667 0 0 0-7.5 0M12 12.75h.008v.008H12v-.008Z"/> 2508</svg> 2509 <span class="pl-2 font-semibold">Devenir une marque VIPros</span> 2510 </span> 2511 </a> 2512 </li> <li class=""> 2513 <a 2514 class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap rounded-field hover:text-accent" 2515 2516 href="https://vipros.fr/cgu" 2517 2518 2519 wire:navigate 2520 2521 > 2522 2523 2524 2525 <span class="mary-hideable whitespace-nowrap truncate"> 2526 <svg class="inline flex-shrink-0 w-5 h-5 text-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2527 <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"/> 2528</svg>
2529 <span class="pl-2 font-semibold">CGU</span> 2530 </span> 2531 </a> 2532 </li> <li class=""> 2533 <a 2534 class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap rounded-field hover:text-accent" 2535 2536 href="https://vipros.fr/mentions-legales" 2537 2538 2539 wire:navigate 2540 2541 > 2542 2543 2544 2545 <span class="mary-hideable whitespace-nowrap truncate"> 2546 <svg class="inline flex-shrink-0 w-5 h-5 text-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2547 <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v17.25m0 0c-1.472 0-2.882.265-4.185.75M12 20.25c1.472 0 2.882.265 4.185.75M18.75 4.97A48.416 48.416 0 0 0 12 4.5c-2.291 0-4.545.16-6.75.47m13.5 0c1.01.143 2.01.317 3 .52m-3-.52 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.988 5.988 0 0 1-2.031.352 5.988 5.988 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L18.75 4.971Zm-16.5.52c.99-.203 1.99-.377 3-.52m0 0 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.989 5.989 0 0 1-2.031.352 5.989 5.989 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L5.25 4.971Z"/> 2548</svg> 2549 <span class="pl-2 font-semibold">Mentions Légales</span> 2550 </span> 2551 </a> 2552 </li> <li class=""> 2553 <a 2554 class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap rounded-field hover:text-accent" 2555 2556 href="https://vipros.fr/protection-des-donnees-personnelles" 2557 2558 2559 wire:navigate 2560 2561 > 2562 2563 2564 2565 <span class="mary-hideable whitespace-nowrap truncate"> 2566 <svg class="inline flex-shrink-0 w-5 h-5 text-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2567 <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75m-3-7.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z"/> 2568</svg> 2569 <span class="pl-2 font-semibold">Données personnelles</span> 2570 </span> 2571 </a> 2572 </li> <li class=""> 2573 <a 2574 class="my-0.5 py-1.5 px-4 hover:text-inherit whitespace-nowrap rounded-field hover:text-accent" 2575 2576 href="https://vipros.fr/cookies" 2577 2578 2579 2580 > 2581 2582 2583 2584 <span class="mary-hideable whitespace-nowrap truncate"> 2585 <svg class="inline flex-shrink-0 w-5 h-5 text-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2586 <path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.
2586125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z"/> 2587 <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/> 2588</svg> 2589 <span class="pl-2 font-semibold">Cookies</span> 2590 </span> 2591 </a> 2592 </li> 2593 </ul> </div> 2594 2595 2596 <div class="lg:col-span-3"> 2597 <div class="grid grid-cols-1 gap-4"> 2598 <a target="_blank" rel="noopener noreferrer" class="rounded-md flex items-center justify-center min-h-full py-3 transition-colors shadow-md rounded-xl bg-primary hover:bg-primary/60" href="https://apps.apple.com/fr/app/vipros/id1597438754" x-scroll-to> 2599 <img width="280" height="68" src="https://vipros.fr/app/uploads/2024/09/store_apple.png" class="w-1/2 h-auto" alt="" loading="lazy" decoding="async" /> 2600 </a> 2601 </div> 2602 </div> 2603 </div> 2604 </div> 2605</footer> 2606 </div> 2607 2608
2608<script src="/app/themes/vipros/vendor/livewire/livewire/dist/livewire.min.js?id=dfa5f5ee" data-csrf="hoHAiuvIYBw7fVygNotsOPp1k0wrPvvrhgTL7DeK" data-update-uri="/livewire/update" data-navigate-once="true"></script>
2608 2609
2609<script type="speculationrules"> 2610{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp/wp-*.php","/wp/wp-admin/*","/app/uploads/*","/app/*","/app/plugins/*","/app/themes/vipros/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 2611</script>
2611 2612 2613<!-- Consent Management powered by Complianz | GDPR/CCPA Cookie Consent https://wordpress.org/plugins/complianz-gdpr --> 2614<div id="cmplz-cookiebanner-container"><div id="cmplz-cookiebanner-1-optin" class="cmplz-cookiebanner cmplz-hidden banner-1 banner-a optin cmplz-bottom-left cmplz-categories-type-view-preferences" aria-modal="true" data-nosnippet="true" role="dialog" aria-live="polite" aria-labelledby="cmplz-header-1-optin" aria-describedby="cmplz-message-1-optin"> 2615 <div class="cmplz-header"> 2616 <div class="cmplz-logo"></div> 2617 <div class="cmplz-title" id="cmplz-header-1-optin">Gérer le consentement</div> 2618 <div class="cmplz-close" tabindex="0" role="button" aria-label="Close dialog"> 2619 <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg> 2620 </div> 2621 </div> 2622 2623 <div class="cmplz-divider cmplz-divider-header"></div> 2624 <div class="cmplz-body"> 2625 <div class="cmplz-message" id="cmplz-message-1-optin"><p>Pour offrir les meilleures expériences, nous utilisons des technologies telles que les cookies pour stocker et/ou accéder aux informations des appareils. Le consentement à ces technologies nous permettra de traiter des données telles que le comportement de navigation ou les identifiants uniques sur ce site. Le refus ou le retrait du consentement peut avoir un impact négatif sur certaines fonctionnalités et certains services.</p></div> 2626 <!-- categories start --> 2627 <div class="cmplz-categories"> 2628 <div class="cmplz-category cmplz-functional"> 2629 <div class="cmplz-category-header"> 2630 <span class="cmplz-category-title" id="cmplz-title-functional-1-optin">Fonctionnel</span> 2631 <span class='cmplz-always-active'> 2632 <span class="cmplz-banner-checkbox"> 2633 <input type="checkbox" 2634 id="cmplz-functional-optin" 2635 data-category="cmplz_functional" 2636 class="cmplz-consent-checkbox cmplz-functional" 2637 size="40" 2638 value="1"/> 2639 <label class="cmplz-label" for="cmplz-functional-optin"><span class="screen-reader-text">Fonctionnel</span></label> 2640 </span> 2641 Always active </span> 2642 <button class="cmplz-category-toggle" 2643 aria-expanded="false" 2644 aria-controls="cmplz-desc-functional-1-optin" 2645 aria-labelledby="cmplz-title-functional-1-optin"> 2646 <span class="cmplz-icon cmplz-open"> 2647 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18"><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> 2648 </span> 2649 </button> 2650 </div> 2651 <div class="cmplz-description" id="cmplz-desc-functional-1-optin" hidden> 2652 <span class="cmplz-description-functional">Le stockage ou lâaccès technique est strictement nécessaire dans le but légitime de permettre lâutilisation dâun service spécifique explicitement demandé par lâabonné ou lâutilisateur, ou dans le seul but dâeffectuer la transmission dâune communication sur un réseau de communications électroniques.</span> 2653 </div> 2654 </div> 2655 2656 <div class="cmplz-category cmplz-preferences"> 2657 <div class="cmplz-category-header"> 2658 <span class="cmplz-category-title" id="cmplz-title-preferences-1-optin">Preferences</span> 2659 <span class="cmplz-banner-checkbox"> 2660 <input type="checkbox" 2661 id="cmplz-preferences-optin" 2662 data-category="cmplz_preferences" 2663 class="cmplz-consent-checkbox cmplz-preferences" 2664 size="40" 2665 value="1"/> 2666 <label class="cmplz-label" for="cmplz-preferences-optin"><span class="screen-reader-text">Preferences</span></label> 2667 </span> 2668 <button class="cmplz-category-toggle" 2669 aria-expanded="false" 2670 aria-controls="cmplz-desc-preferences-1-optin" 2671 aria-labelledby="cmplz-title-preferences-1-optin"> 2672 <span class="cmplz-icon cmplz-open"> 2673 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18">
2673<path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> 2674 </span> 2675 </button> 2676 </div> 2677 <div class="cmplz-description" id="cmplz-desc-preferences-1-optin" hidden> 2678 <span class="cmplz-description-preferences">The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.</span> 2679 </div> 2680 </div> 2681 2682 <div class="cmplz-category cmplz-statistics"> 2683 <div class="cmplz-category-header"> 2684 <span class="cmplz-category-title" id="cmplz-title-statistics-1-optin">Statistiques</span> 2685 <span class="cmplz-banner-checkbox"> 2686 <input type="checkbox" 2687 id="cmplz-statistics-optin" 2688 data-category="cmplz_statistics" 2689 class="cmplz-consent-checkbox cmplz-statistics" 2690 size="40" 2691 value="1"/> 2692 <label class="cmplz-label" for="cmplz-statistics-optin"><span class="screen-reader-text">Statistiques</span></label> 2693 </span> 2694 <button class="cmplz-category-toggle" 2695 aria-expanded="false" 2696 aria-controls="cmplz-desc-statistics-1-optin" 2697 aria-labelledby="cmplz-title-statistics-1-optin"> 2698 <span class="cmplz-icon cmplz-open"> 2699 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18"><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> 2700 </span> 2701 </button> 2702 </div> 2703 <div class="cmplz-description" id="cmplz-desc-statistics-1-optin" hidden> 2704 <span class="cmplz-description-statistics">The technical storage or access that is used exclusively for statistical purposes.</span> 2705 <span class="cmplz-description-statistics-anonymous">Le stockage ou lâaccès technique qui est utilisé exclusivement à des fins statistiques anonymes. En lâabsence dâune assignation à comparaître, dâune conformité volontaire de la part de votre fournisseur dâaccès à Internet ou dâenregistrements supplémentaires provenant dâun tiers, les informations stockées ou extraites à cette seule fin ne peuvent généralement pas être utilisées pour vous identifier.</span> 2706 </div> 2707 </div> 2708 2709 <div class="cmplz-category cmplz-marketing"> 2710 <div class="cmplz-category-header"> 2711 <span class="cmplz-category-title" id="cmplz-title-marketing-1-optin">Marketing</span> 2712 <span class="cmplz-banner-checkbox"> 2713 <input type="checkbox" 2714 id="cmplz-marketing-optin" 2715 data-category="cmplz_marketing" 2716 class="cmplz-consent-checkbox cmplz-marketing" 2717 size="40" 2718 value="1"/> 2719 <label class="cmplz-label" for="cmplz-marketing-optin"><span class="screen-reader-text">Marketing</span></label> 2720 </span> 2721 <button class="cmplz-category-toggle" 2722 aria-expanded="false" 2723 aria-controls="cmplz-desc-marketing-1-optin" 2724 aria-labelledby="cmplz-title-marketing-1-optin"> 2725 <span class="cmplz-icon cmplz-open"> 2726 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18"><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> 2727 </span> 2728 </button> 2729 </div> 2730 <div class="cmplz-description" id="cmplz-desc-marketing-1-optin" hidden> 2731 <span class="cmplz-description-marketing">Le stockage ou lâaccès technique est nécessaire pour créer des profils dâutilisateurs afin dâenvoyer des publicités, ou pour suivre lâutilisateur sur un site web ou sur plusieurs sites web ayant des finalités marketing similaires.</span> 2732 </div> 2733 </div> 2734 </div><!-- categories end --> 2735 </div> 2736 2737 <div class="cmplz-links cmplz-information"> 2738 <ul> 2739 <li><a class="cmplz-link cmplz-manage-options cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Manage options</a></li> 2740 <li><a class="cmplz-link cmplz-manage-third-parties cookie-statement" href="#" data-relative_url="#cmplz-cookie
2740s-overview">Manage services</a></li> 2741 <li><a class="cmplz-link cmplz-manage-vendors tcf cookie-statement" href="#" data-relative_url="#cmplz-tcf-wrapper">Manage {vendor_count} vendors</a></li> 2742 <li><a class="cmplz-link cmplz-external cmplz-read-more-purposes tcf" target="_blank" rel="noopener noreferrer nofollow" href="https://cookiedatabase.org/tcf/purposes/" aria-label="Read more about TCF purposes on Cookie Database">Read more about these purposes</a></li> 2743 </ul> 2744 </div> 2745 2746 <div class="cmplz-divider cmplz-footer"></div> 2747 2748 <div class="cmplz-buttons"> 2749 <button class="cmplz-btn cmplz-accept">Accepter</button> 2750 <button class="cmplz-btn cmplz-deny">Refuser</button> 2751 <button class="cmplz-btn cmplz-view-preferences">Voir les préférences</button> 2752 <button class="cmplz-btn cmplz-save-preferences">Enregistrer les préférences</button> 2753 <a class="cmplz-btn cmplz-manage-options tcf cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Voir les préférences</a> 2754 </div> 2755 2756 2757 <div class="cmplz-documents cmplz-links"> 2758 <ul> 2759 <li><a class="cmplz-link cookie-statement" href="#" data-relative_url="">{title}</a></li> 2760 <li><a class="cmplz-link privacy-statement" href="#" data-relative_url="">{title}</a></li> 2761 <li><a class="cmplz-link impressum" href="#" data-relative_url="">{title}</a></li> 2762 </ul> 2763 </div> 2764</div> 2765</div> 2766 <div id="cmplz-manage-consent" data-nosnippet="true"><button class="cmplz-btn cmplz-hidden cmplz-manage-consent manage-consent-1" aria-haspopup="dialog" aria-controls="cmplz-cookiebanner-1-optin">Gérer le consentement</button> 2767 2768</div>
2768<script> 2769 function addEvent(event, selector, callback, context) { 2770 document.addEventListener(event, e => { 2771 if ( e.target.closest(selector) ) { 2772 callback(e); 2773 } 2774 }); 2775 } 2776 addEvent('click', '.cmplz-show-banner', function(){ 2777 document.querySelectorAll('.cmplz-manage-consent').forEach(obj => { 2778 obj.click(); 2779 }); 2780 }); 2781 </script>
2781 2782 <style id='global-styles-inline-css'> 2783:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #fff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--inherit: inherit;--wp--preset--color--current: currentcolor;--wp--preset--color--transparent: transparent;--wp--preset--color--slate-50: #f8fafc;--wp--preset--color--slate-100: #f1f5f9;--wp--preset--color--slate-200: #e2e8f0;--wp--preset--color--slate-300: #cbd5e1;--wp--preset--color--slate-400: #94a3b8;--wp--preset--color--slate-500: #64748b;--wp--preset--color--slate-600: #475569;--wp--preset--color--slate-700: #334155;--wp--preset--color--slate-800: #1e293b;--wp--preset--color--slate-900: #0f172a;--wp--preset--color--slate-950: #020617;--wp--preset--color--gray-50: #f9fafb;--wp--preset--color--gray-100: #f3f4f6;--wp--preset--color--gray-200: #e5e7eb;--wp--preset--color--gray-300: #d1d5db;--wp--preset--color--gray-400: #9ca3af;--wp--preset--color--gray-500: #6b7280;--wp--preset--color--gray-600: #4b5563;--wp--preset--color--gray-700: #374151;--wp--preset--color--gray-800: #1f2937;--wp--preset--color--gray-900: #111827;--wp--preset--color--gray-950: #030712;--wp--preset--color--zinc-50: #fafafa;--wp--preset--color--zinc-100: #f4f4f5;--wp--preset--color--zinc-200: #e4e4e7;--wp--preset--color--zinc-300: #d4d4d8;--wp--preset--color--zinc-400: #a1a1aa;--wp--preset--color--zinc-500: #71717a;--wp--preset--color--zinc-600: #52525b;--wp--preset--color--zinc-700: #3f3f46;--wp--preset--color--zinc-800: #27272a;--wp--preset--color--zinc-900: #18181b;--wp--preset--color--zinc-950: #09090b;--wp--preset--color--neutral: var(--fallback-n,oklch(var(--n)/1));--wp--preset--color--stone-50: #fafaf9;--wp--preset--color--stone-100: #f5f5f4;--wp--preset--color--stone-200: #e7e5e4;--wp--preset--color--stone-300: #d6d3d1;--wp--preset--color--stone-400: #a8a29e;--wp--preset--color--stone-500: #78716c;--wp--preset--color--stone-600: #57534e;--wp--preset--color--stone-700: #44403c;--wp--preset--color--stone-800: #292524;--wp--preset--color--stone-900: #1c1917;--wp--preset--color--stone-950: #0c0a09;--wp--preset--color--red-50: #fef2f2;--wp--preset--color--red-100: #fee2e2;--wp--preset--color--red-200: #fecaca;--wp--preset--color--red-300: #fca5a5;--wp--preset--color--red-400: #f87171;--wp--preset--color--red-500: #ef4444;--wp--preset--color--red-600: #dc2626;--wp--preset--color--red-700: #b91c1c;--wp--preset--color--red-800: #991b1b;--wp--preset--color--red-900: #7f1d1d;--wp--preset--color--red-950: #450a0a;--wp--preset--color--orange-50: #fff7ed;--wp--preset--color--orange-100: #ffedd5;--wp--preset--color--orange-200: #fed7aa;--wp--preset--color--orange-300: #fdba74;--wp--preset--color--orange-400: #fb923c;--wp--preset--color--orange-500: #f97316;--wp--preset--color--orange-600: #ea580c;--wp--preset--color--orange-700: #c2410c;--wp--preset--color--orange-800: #9a3412;--wp--preset--color--orange-900: #7c2d12;--wp--preset--color--orange-950: #431407;--wp--preset--color--amber-50: #fffbeb;--wp--preset--color--amber-100: #fef3c7;--wp--preset--color--amber-200: #fde68a;--wp--preset--color--amber-300: #fcd34d;--wp--preset--color--amber-400: #fbbf24;--wp--preset--color--amber-500: #f59e0b;--wp--preset--color--amber-600: #d97706;--wp--preset--color--amber-700: #b45309;--wp--preset--color--amber-800: #92400e;--wp--preset--color--amber-900: #78350f;--wp--preset--color--amber-950: #451a03;--wp--preset--color--yellow-50: #fefce8;--wp--preset--color--yellow-100: #fef9c3;--wp--preset--color--yellow-200: #fef08a;--wp--preset--color--yellow-300: #fde047;--wp--preset--color--yellow-400: #facc15;--wp--preset--color--yellow-500: #eab308;--wp--preset--color--yellow-600: #ca8a04;--wp--preset--color--yellow-700: #a16207;--wp--preset--color--yellow-800: #854d0e;--wp--preset--color--yellow-900: #713f12;--wp--preset--color--yellow-950: #422006;--wp--preset--color--lime-50: #f7fee7;--wp--preset--color--lime-100: #ecfccb;--wp--preset--color--lime-200: #d9f99d;--wp--preset--color--lime-300: #bef264;--wp--preset--color--lime-400: #a3e635;--wp--preset--color--lime-500: #84cc16;--wp--preset--color--lime-600: #65a30d;--wp--preset--color--lime-700: #4d7c0f;--wp--preset--color--lime-800: #3f6212;--wp--preset--color--lime-900: #365314;--wp--preset--color--lime-950: #1a2e05;--wp--preset--color--green-50: #f0fdf4;--wp--preset--color--green-100: #dcfce7;--wp--preset--color--green-200: #bbf7d0;--wp--preset--color--green-300: #86efac;--wp--preset--color--green-400: #4ade80;--wp--preset--color--green-500: #22c55e;--wp--preset--color--green-600: #16a34a;--wp--preset--color--green-700: #15803d;--wp--preset--color--green-800: #166534;--wp--preset--color--green-900: #14532d;--wp--preset--color--green-950: #052e16;
2783--wp--preset--color--emerald-50: #ecfdf5;--wp--preset--color--emerald-100: #d1fae5;--wp--preset--color--emerald-200: #a7f3d0;--wp--preset--color--emerald-300: #6ee7b7;--wp--preset--color--emerald-400: #34d399;--wp--preset--color--emerald-500: #10b981;--wp--preset--color--emerald-600: #059669;--wp--preset--color--emerald-700: #047857;--wp--preset--color--emerald-800: #065f46;--wp--preset--color--emerald-900: #064e3b;--wp--preset--color--emerald-950: #022c22;--wp--preset--color--teal-50: #f0fdfa;--wp--preset--color--teal-100: #ccfbf1;--wp--preset--color--teal-200: #99f6e4;--wp--preset--color--teal-300: #5eead4;--wp--preset--color--teal-400: #2dd4bf;--wp--preset--color--teal-500: #14b8a6;--wp--preset--color--teal-600: #0d9488;--wp--preset--color--teal-700: #0f766e;--wp--preset--color--teal-800: #115e59;--wp--preset--color--teal-900: #134e4a;--wp--preset--color--teal-950: #042f2e;--wp--preset--color--cyan-50: #ecfeff;--wp--preset--color--cyan-100: #cffafe;--wp--preset--color--cyan-200: #a5f3fc;--wp--preset--color--cyan-300: #67e8f9;--wp--preset--color--cyan-400: #22d3ee;--wp--preset--color--cyan-500: #06b6d4;--wp--preset--color--cyan-600: #0891b2;--wp--preset--color--cyan-700: #0e7490;--wp--preset--color--cyan-800: #155e75;--wp--preset--color--cyan-900: #164e63;--wp--preset--color--cyan-950: #083344;--wp--preset--color--sky-50: #f0f9ff;--wp--preset--color--sky-100: #e0f2fe;--wp--preset--color--sky-200: #bae6fd;--wp--preset--color--sky-300: #7dd3fc;--wp--preset--color--sky-400: #38bdf8;--wp--preset--color--sky-500: #0ea5e9;--wp--preset--color--sky-600: #0284c7;--wp--preset--color--sky-700: #0369a1;--wp--preset--color--sky-800: #075985;--wp--preset--color--sky-900: #0c4a6e;--wp--preset--color--sky-950: #082f49;--wp--preset--color--blue-50: #eff6ff;--wp--preset--color--blue-100: #dbeafe;--wp--preset--color--blue-200: #bfdbfe;--wp--preset--color--blue-300: #93c5fd;--wp--preset--color--blue-400: #60a5fa;--wp--preset--color--blue-500: #3b82f6;--wp--preset--color--blue-600: #2563eb;--wp--preset--color--blue-700: #1d4ed8;--wp--preset--color--blue-800: #1e40af;--wp--preset--color--blue-900: #1e3a8a;--wp--preset--color--blue-950: #172554;--wp--preset--color--indigo-50: #eef2ff;--wp--preset--color--indigo-100: #e0e7ff;--wp--preset--color--indigo-200: #c7d2fe;--wp--preset--color--indigo-300: #a5b4fc;--wp--preset--color--indigo-400: #818cf8;--wp--preset--color--indigo-500: #6366f1;--wp--preset--color--indigo-600: #4f46e5;--wp--preset--color--indigo-700: #4338ca;--wp--preset--color--indigo-800: #3730a3;--wp--preset--color--indigo-900: #312e81;--wp--preset--color--indigo-950: #1e1b4b;--wp--preset--color--violet-50: #f5f3ff;--wp--preset--color--violet-100: #ede9fe;--wp--preset--color--violet-200: #ddd6fe;--wp--preset--color--violet-300: #c4b5fd;--wp--preset--color--violet-400: #a78bfa;--wp--preset--color--violet-500: #8b5cf6;--wp--preset--color--violet-600: #7c3aed;--wp--preset--color--violet-700: #6d28d9;--wp--preset--color--violet-800: #5b21b6;--wp--preset--color--violet-900: #4c1d95;--wp--preset--color--violet-950: #2e1065;--wp--preset--color--purple-50: #faf5ff;--wp--preset--color--purple-100: #f3e8ff;--wp--preset--color--purple-200: #e9d5ff;--wp--preset--color--purple-300: #d8b4fe;--wp--preset--color--purple-400: #c084fc;--wp--preset--color--purple-500: #a855f7;--wp--preset--color--purple-600: #9333ea;--wp--preset--color--purple-700: #7e22ce;--wp--preset--color--purple-800: #6b21a8;--wp--preset--color--purple-900: #581c87;--wp--preset--color--purple-950: #3b0764;--wp--preset--color--fuchsia-50: #fdf4ff;--wp--preset--color--fuchsia-100: #fae8ff;--wp--preset--color--fuchsia-200: #f5d0fe;--wp--preset--color--fuchsia-300: #f0abfc;--wp--preset--color--fuchsia-400: #e879f9;--wp--preset--color--fuchsia-500: #d946ef;--wp--preset--color--fuchsia-600: #c026d3;--wp--preset--color--fuchsia-700: #a21caf;--wp--preset--color--fuchsia-800: #86198f;--wp--preset--color--fuchsia-900: #701a75;--wp--preset--color--fuchsia-950: #4a044e;--wp--preset--color--pink-50: #fdf2f8;--wp--preset--color--pink-100: #fce7f3;--wp--preset--color--pink-200: #fbcfe8;--wp--preset--color--pink-300: #f9a8d4;--wp--preset--color--pink-400: #f472b6;--wp--preset--color--pink-500: #ec4899;--wp--preset--color--pink-600: #db2777;--wp--preset--color--pink-700: #be185d;--wp--preset--color--pink-800: #9d174d;--wp--preset--color--pink-900: #831843;--wp--preset--color--pink-950: #500724;--wp--preset--color--rose-50: #fff1f2;--wp--preset--color--rose-100: #ffe4e6;
2783--wp--preset--color--rose-200: #fecdd3;--wp--preset--color--rose-300: #fda4af;--wp--preset--color--rose-400: #fb7185;--wp--preset--color--rose-500: #f43f5e;--wp--preset--color--rose-600: #e11d48;--wp--preset--color--rose-700: #be123c;--wp--preset--color--rose-800: #9f1239;--wp--preset--color--rose-900: #881337;--wp--preset--color--rose-950: #4c0519;--wp--preset--color--primary: var(--fallback-p,oklch(var(--p)/1));--wp--preset--color--primary-content: var(--fallback-pc,oklch(var(--pc)/1));--wp--preset--color--secondary: var(--fallback-s,oklch(var(--s)/1));--wp--preset--color--secondary-content: var(--fallback-sc,oklch(var(--sc)/1));--wp--preset--color--accent: var(--fallback-a,oklch(var(--a)/1));--wp--preset--color--accent-content: var(--fallback-ac,oklch(var(--ac)/1));--wp--preset--color--neutral-content: var(--fallback-nc,oklch(var(--nc)/1));--wp--preset--color--base-100: var(--fallback-b1,oklch(var(--b1)/1));--wp--preset--color--base-200: var(--fallback-b2,oklch(var(--b2)/1));--wp--preset--color--base-300: var(--fallback-b3,oklch(var(--b3)/1));--wp--preset--color--base-content: var(--fallback-bc,oklch(var(--bc)/1));--wp--preset--color--info: var(--fallback-in,oklch(var(--in)/1));--wp--preset--color--info-content: var(--fallback-inc,oklch(var(--inc)/1));--wp--preset--color--success: var(--fallback-su,oklch(var(--su)/1));--wp--preset--color--success-content: var(--fallback-suc,oklch(var(--suc)/1));--wp--preset--color--warning: var(--fallback-wa,oklch(var(--wa)/1));--wp--preset--color--warning-content: var(--fallback-wac,oklch(var(--wac)/1));--wp--preset--color--error: var(--fallback-er,oklch(var(--er)/1));--wp--preset--color--error-content: var(--fallback-erc,oklch(var(--erc)/1));--wp--preset--color--neutral-50: #fafafa;--wp--preset--color--neutral-100: #f5f5f5;--wp--preset--color--neutral-200: #e5e5e5;--wp--preset--color--neutral-300: #d4d4d4;--wp--preset--color--neutral-400: #a3a3a3;--wp--preset--color--neutral-500: #737373;--wp--preset--color--neutral-600: #525252;--wp--preset--color--neutral-700: #404040;--wp--preset--color--neutral-800: #262626;--wp--preset--color--neutral-900: #171717;--wp--preset--color--neutral-950: #0a0a0a;--wp--preset--color--bati: #f8a501;--wp--preset--color--agri: #85bf4b;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
2783--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--xs: 0.75rem;--wp--preset--font-size--sm: 0.875rem;--wp--preset--font-size--base: 1rem;--wp--preset--font-size--lg: 1.125rem;--wp--preset--font-size--xl: 1.25rem;--wp--preset--font-size--2-xl: 1.5rem;--wp--preset--font-size--3-xl: 1.875rem;--wp--preset--font-size--4-xl: 2.25rem;--wp--preset--font-size--5-xl: 3rem;--wp--preset--font-size--6-xl: 3.75rem;--wp--preset--font-size--7-xl: 4.5rem;--wp--preset--font-size--8-xl: 6rem;--wp--preset--font-size--9-xl: 8rem;--wp--preset--font-family--sans: Montserrat, sans-serif;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){margin-left: auto !important;margin-right: auto !important;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
2783a:where(:not(.wp-element-button)){text-decoration: underline;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-inherit-color{color: var(--wp--preset--color--inherit) !important;}.has-current-color{color: var(--wp--preset--color--current) !important;}.has-transparent-color{color: var(--wp--preset--color--transparent) !important;}.has-slate-50-color{color: var(--wp--preset--color--slate-50) !important;}.has-slate-100-color{color: var(--wp--preset--color--slate-100) !important;}.has-slate-200-color{color: var(--wp--preset--color--slate-200) !important;}.has-slate-300-color{color: var(--wp--preset--color--slate-300) !important;}.has-slate-400-color{color: var(--wp--preset--color--slate-400) !important;}.has-slate-500-color{color: var(--wp--preset--color--slate-500) !important;}.has-slate-600-color{color: var(--wp--preset--color--slate-600) !important;}.has-slate-700-color{color: var(--wp--preset--color--slate-700) !important;}.has-slate-800-color{color: var(--wp--preset--color--slate-800) !important;}.has-slate-900-color{color: var(--wp--preset--color--slate-900) !important;}.has-slate-950-color{color: var(--wp--preset--color--slate-950) !important;}.has-gray-50-color{color: var(--wp--preset--color--gray-50) !important;}.has-gray-100-color{color: var(--wp--preset--color--gray-100) !important;}.has-gray-200-color{color: var(--wp--preset--color--gray-200) !important;}.has-gray-300-color{color: var(--wp--preset--color--gray-300) !important;}.has-gray-400-color{color: var(--wp--preset--color--gray-400) !important;}.has-gray-500-color{color: var(--wp--preset--color--gray-500) !important;}.has-gray-600-color{color: var(--wp--preset--color--gray-600) !important;}.has-gray-700-color{color: var(--wp--preset--color--gray-700) !important;}.has-gray-800-color{color: var(--wp--preset--color--gray-800) !important;}.has-gray-900-color{color: var(--wp--preset--color--gray-900) !important;}.has-gray-950-color{color: var(--wp--preset--color--gray-950) !important;}.has-zinc-50-color{color: var(--wp--preset--color--zinc-50) !important;}.has-zinc-100-color{color: var(--wp--preset--color--zinc-100) !important;}.has-zinc-200-color{color: var(--wp--preset--color--zinc-200) !important;}.has-zinc-300-color{color: var(--wp--preset--color--zinc-300) !important;}.has-zinc-400-color{color: var(--wp--preset--color--zinc-400) !important;}.has-zinc-500-color{color: var(--wp--preset--color--zinc-500) !important;}.has-zinc-600-color{color: var(--wp--preset--color--zinc-600) !important;}.has-zinc-700-color{color: var(--wp--preset--color--zinc-700) !important;}.has-zinc-800-color{color: var(--wp--preset--color--zinc-800) !important;}.has-zinc-900-color{color: var(--wp--preset--color--zinc-900) !important;}.has-zinc-950-color{color: var(--wp--preset--color--zinc-950) !important;}.has-neutral-color{color: var(--wp--preset--color--neutral) !important;}.has-stone-50-color{color: var(--wp--preset--color--stone-50) !important;}.has-stone-100-color{color: var(--wp--preset--color--stone-100) !important;}.has-stone-200-color{color: var(--wp--preset--color--stone-200) !important;}.has-stone-300-color{color: var(--wp--preset--color--stone-300) !important;}.has-stone-400-color{color: var(--wp--preset--color--stone-400) !important;}.has-stone-500-color{color: var(--wp--preset--color--stone-500) !important;}.has-stone-600-color{color: var(--wp--preset--color--stone-600) !important;}.has-stone-700-color{color: var(--wp--preset--color--stone-700) !important;}.has-stone-800-color{color: var(--wp--preset--color--stone-800) !important;}.has-stone-900-color{color: var(--wp--preset--color--stone-900) !important;}.has-stone-950-color{color: var(--wp--preset--color--stone-950) !important;}.has-red-50-color{color: var(--wp--preset--color--red-50) !important;}.has-red-100-color{color: var(--wp--preset--color--red-100) !important;}.has-red-200-color{color: var(--wp--preset--color--red-200) !important;}.has-red-300-color{color: var(--wp--preset--color--red-300) !important;}.has-red-400-color{color: var(--wp--preset--color--red-400) !important;}.has-red-500-color{color: var(--wp--preset--color--red-500) !important;}.has-red-600-color{color: var(--wp--preset--color--red-600) !important;}.has-red-700-color{color: var(--wp--preset--color--red-700) !important;}.has-red-800-color{color: var(--wp--preset--color--red-800) !important;}.has-red-900-color{color: var(--wp--preset--color--red-900) !important;}.has-red-950-color{color: var(--wp--preset--color--red-950) !important;}.has-orange-50-color{color: var(--wp--preset--color--orange-50) !important;}.has-orange-100-color{color: var(--wp--preset--color--orange-100) !important;}.has-orange-200-color{color: var(--wp--preset--color--orange-200) !important;}.has-orange-300-color{color: var(--wp--preset--color--orange-300) !important;}.has-orange-400-color{color: var(--wp--preset--color--orange-400) !important;}.has-orange-500-color{color: var(--wp--preset--color--orange-500) !important;}.has-orange-600-color{color: var(--wp--preset--color--orange-600) !important;}.has-orange-700-color{color: var(--wp--preset--color--orange-700) !important;}.has-orange-800-color{color: var(--wp--preset--color--orange-800) !important;}.has-orange-900-color{color: var(--wp--preset--color--orange-900) !important;}.has-orange-950-color{color: var(--wp--preset--color--orange-950) !important;}.has-amber-50-color{color: var(--wp--preset--color--amber-50) !important;}.has-amber-100-color{color: var(--wp--preset--color--amber-100) !important;}.has-amber-200-color{color: var(--wp--preset--color--amber-200) !important;}.has-amber-300-color{color: var(--wp--preset--color--amber-300) !important;}.has-amber-400-color{color: var(--wp--preset--color--amber-400) !important;}.has-amber-500-color{color: var(--wp--preset--color--amber-500) !important;}.has-amber-600-color{color: var(--wp--preset--color--amber-600) !important;}.has-amber-700-color{color: var(--wp--preset--color--amber-700) !important;}.has-amber-800-color{color: var(--wp--preset--color--amber-800) !important;}.has-amber-900-color{color: var(--wp--preset--color--amber-900) !important;}.has-amber-950-color{color: var(--wp--preset--color--amber-950) !important;}.has-yellow-50-color{color: var(--wp--preset--color--yellow-50) !important;}.has-yellow-100-color{color: var(--wp--preset--color--yellow-100) !important;}.has-yellow-200-color{color: var(--wp--preset--color--yellow-200) !important;}.has-yellow-300-color{color: var(--wp--preset--color--yellow-300) !important;}.has-yellow-400-color{color: var(--wp--preset--color--yellow-400) !important;}.has-yellow-500-color{color: var(--wp--preset--color--yellow-500) !important;}.has-yellow-600-color{color: var(--wp--preset--color--yellow-600) !important;}.has-yellow-700-color{color: var(--wp--preset--color--yellow-700) !important;}.has-yellow-800-color{color: var(--wp--preset--color--yellow-800) !important;}.has-yellow-900-color{color: var(--wp--preset--color--yellow-900) !important;}.has-yellow-950-color{color: var(--wp--preset--color--yellow-950) !important;}.has-lime-50-color{color: var(--wp--preset--color--lime-50) !important;}.has-lime-100-color{color: var(--wp--preset--color--lime-100) !important;}.has-lime-200-color{color: var(--wp--preset--color--lime-200) !important;}.has-lime-300-color{color: var(--wp--preset--color--lime-300) !important;}.has-lime-400-color{color: var(--wp--preset--color--lime-400) !important;}.has-lime-500-color{color: var(--wp--preset--color--lime-500) !important;}.has-lime-600-color{color: var(--wp--preset--color--lime-600) !important;}.has-lime-700-color{color: var(--wp--preset--color--lime-700) !important;}.has-lime-800-color{color: var(--wp--preset--color--lime-800) !important;}.has-lime-900-color{color: var(--wp--preset--color--lime-900) !important;}.has-lime-950-color{color: var(--wp--preset--color--lime-950) !important;}.has-green-50-color{color: var(--wp--preset--color--green-50) !important;}.has-green-100-color{color: var(--wp--preset--color--green-100) !important;}.has-green-200-color{color: var(--wp--preset--color--green-200) !important;}.has-green-300-color{color: var(--wp--preset--color--green-300) !important;}.has-green-400-color{color: var(--wp--preset--color--green-400) !important;}.has-green-500-color{color: var(--wp--preset--color--green-500) !important;}.has-green-600-color{color: var(--wp--preset--color--green-600) !important;}.has-green-700-color{color: var(--wp--preset--color--green-700) !important;}.has-green-800-color{color: var(--wp--preset--color--green-800) !important;}.has-green-900-color{color: var(--wp--preset--color--green-900) !important;}.has-green-950-color{color: var(--wp--preset--color--green-950) !important;}.has-emerald-50-color{color: var(--wp--preset--color--emerald-50) !important;}.has-emerald-100-color{color: var(--wp--preset--color--emerald-100) !important;}.has-emerald-200-color{color: var(--wp--preset--color--emerald-200) !important;}.has-emerald-300-color{color: var(--wp--preset--color--emerald-300) !important;}.has-emerald-400-color{color: var(--wp--preset--color--emerald-400) !important;}.has-emerald-500-color{color: var(--wp--preset--color--emerald-500) !important;}.has-emerald-600-color{color: var(--wp--preset--color--emerald-600) !important;}.has-emerald-700-color{color: var(--wp--preset--color--emerald-700) !important;}.has-emerald-800-color{color: var(--wp--preset--color--emerald-800) !important;}.has-emerald-900-color{color: var(--wp--preset--color--emerald-900) !important;}.has-emerald-950-color{color: var(--wp--preset--color--emerald-950) !important;}.has-teal-50-color{color: var(--wp--preset--color--teal-50) !important;}.has-teal-100-color{color: var(--wp--preset--color--teal-100) !important;}.has-teal-200-color{color: var(--wp--preset--color--teal-200) !important;}.has-teal-300-color{color: var(--wp--preset--color--teal-300) !important;}.has-teal-400-color{color: var(--wp--preset--color--teal-400) !important;}.has-teal-500-color{color: var(--wp--preset--color--teal-500) !important;}.has-teal-600-color{color: var(--wp--preset--color--teal-600) !important;}.has-teal-700-color{color: var(--wp--preset--color--teal-700) !important;}.has-teal-800-color{color: var(--wp--preset--color--teal-800) !important;}.has-teal-900-color{color: var(--wp--preset--color--teal-900) !important;}.has-teal-950-color{color: var(--wp--preset--color--teal-950) !important;}.has-cyan-50-color{color: var(--wp--preset--color--cyan-50) !important;}.has-cyan-100-color{color: var(--wp--preset--color--cyan-100) !important;}.has-cyan-200-color{color: var(--wp--preset--color--cyan-200) !important;}.has-cyan-300-color{color: var(--wp--preset--color--cyan-300) !important;}.has-cyan-400-color{color: var(--wp--preset--color--cyan-400) !important;}.has-cyan-500-color{color: var(--wp--preset--color--cyan-500) !important;}.has-cyan-600-color{color: var(--wp--preset--color--cyan-600) !important;}.has-cyan-700-color{color: var(--wp--preset--color--cyan-700) !important;}.has-cyan-800-color{color: var(--wp--preset--color--cyan-800) !important;}.has-cyan-900-color{color: var(--wp--preset--color--cyan-900) !important;}.has-cyan-950-color{color: var(--wp--preset--color--cyan-950) !important;}.has-sky-50-color{color: var(--wp--preset--color--sky-50) !important;}.has-sky-100-color{color: var(--wp--preset--color--sky-100) !important;}.has-sky-200-color{color: var(--wp--preset--color--sky-200) !important;}.has-sky-300-color{color: var(--wp--preset--color--sky-300) !important;}.has-sky-400-color{color: var(--wp--preset--color--sky-400) !important;}.has-sky-500-color{color: var(--wp--preset--color--sky-500) !important;}.has-sky-600-color{color: var(--wp--preset--color--sky-600) !important;}.has-sky-700-color{color: var(--wp--preset--color--sky-700) !important;}.has-sky-800-color{color: var(--wp--preset--color--sky-800) !important;}.has-sky-900-color{color: var(--wp--preset--color--sky-900) !important;}.has-sky-950-color{color: var(--wp--preset--color--sky-950) !important;}.has-blue-50-color{color: var(--wp--preset--color--blue-50) !important;}.has-blue-100-color{color: var(--wp--preset--color--blue-100) !important;}.has-blue-200-color{color: var(--wp--preset--color--blue-200) !important;}.has-blue-300-color{color: var(--wp--preset--color--blue-300) !important;}.has-blue-400-color{color: var(--wp--preset--color--blue-400) !important;}.has-blue-500-color{color: var(--wp--preset--color--blue-500) !important;}.has-blue-600-color{color: var(--wp--preset--color--blue-600) !important;}.has-blue-700-color{color: var(--wp--preset--color--blue-700) !important;}.has-blue-800-color{color: var(--wp--preset--color--blue-800) !important;}.has-blue-900-color{color: var(--wp--preset--color--blue-900) !important;}.has-blue-950-color{color: var(--wp--preset--color--blue-950) !important;}.has-indigo-50-color{color: var(--wp--preset--color--indigo-50) !important;}.has-indigo-100-color{color: var(--wp--preset--color--indigo-100) !important;}.has-indigo-200-color{color: var(--wp--preset--color--indigo-200) !important;}.has-indigo-300-color{color: var(--wp--preset--color--indigo-300) !important;}.has-indigo-400-color{color: var(--wp--preset--color--indigo-400) !important;}.has-indigo-500-color{color: var(--wp--preset--color--indigo-500) !important;}.has-indigo-600-color{color: var(--wp--preset--color--indigo-600) !important;}.has-indigo-700-color{color: var(--wp--preset--color--indigo-700) !important;}.has-indigo-800-color{color: var(--wp--preset--color--indigo-800) !important;}.has-indigo-900-color{color: var(--wp--preset--color--indigo-900) !important;}.has-indigo-950-color{color: var(--wp--preset--color--indigo-950) !important;}.has-violet-50-color{color: var(--wp--preset--color--violet-50) !important;}.has-violet-100-color{color: var(--wp--preset--color--violet-100) !important;}.has-violet-200-color{color: var(--wp--preset--color--violet-200) !important;}.has-violet-300-color{color: var(--wp--preset--color--violet-300) !important;}.has-violet-400-color{color: var(--wp--preset--color--violet-400) !important;}.has-violet-500-color{color: var(--wp--preset--color--violet-500) !important;}.has-violet-600-color{color: var(--wp--preset--color--violet-600) !important;}.has-violet-700-color{color: var(--wp--preset--color--violet-700) !important;}.has-violet-800-color{color: var(--wp--preset--color--violet-800) !important;}.has-violet-900-color{color: var(--wp--preset--color--violet-900) !important;}.has-violet-950-color{color: var(--wp--preset--color--violet-950) !important;}.has-purple-50-color{color: var(--wp--preset--color--purple-50) !important;}.has-purple-100-color{color: var(--wp--preset--color--purple-100) !important;}.has-purple-200-color{color: var(--wp--preset--color--purple-200) !important;}.has-purple-300-color{color: var(--wp--preset--color--purple-300) !important;}.has-purple-400-color{color: var(--wp--preset--color--purple-400) !important;}.has-purple-500-color{color: var(--wp--preset--color--purple-500) !important;}.has-purple-600-color{color: var(--w
2783p--preset--color--purple-600) !important;}.has-purple-700-color{color: var(--wp--preset--color--purple-700) !important;}.has-purple-800-color{color: var(--wp--preset--color--purple-800) !important;}.has-purple-900-color{color: var(--wp--preset--color--purple-900) !important;}.has-purple-950-color{color: var(--wp--preset--color--purple-950) !important;}.has-fuchsia-50-color{color: var(--wp--preset--color--fuchsia-50) !important;}.has-fuchsia-100-color{color: var(--wp--preset--color--fuchsia-100) !important;}.has-fuchsia-200-color{color: var(--wp--preset--color--fuchsia-200) !important;}.has-fuchsia-300-color{color: var(--wp--preset--color--fuchsia-300) !important;}.has-fuchsia-400-color{color: var(--wp--preset--color--fuchsia-400) !important;}.has-fuchsia-500-color{color: var(--wp--preset--color--fuchsia-500) !important;}.has-fuchsia-600-color{color: var(--wp--preset--color--fuchsia-600) !important;}.has-fuchsia-700-color{color: var(--wp--preset--color--fuchsia-700) !important;}.has-fuchsia-800-color{color: var(--wp--preset--color--fuchsia-800) !important;}.has-fuchsia-900-color{color: var(--wp--preset--color--fuchsia-900) !important;}.has-fuchsia-950-color{color: var(--wp--preset--color--fuchsia-950) !important;}.has-pink-50-color{color: var(--wp--preset--color--pink-50) !important;}.has-pink-100-color{color: var(--wp--preset--color--pink-100) !important;}.has-pink-200-color{color: var(--wp--preset--color--pink-200) !important;}.has-pink-300-color{color: var(--wp--preset--color--pink-300) !important;}.has-pink-400-color{color: var(--wp--preset--color--pink-400) !important;}.has-pink-500-color{color: var(--wp--preset--color--pink-500) !important;}.has-pink-600-color{color: var(--wp--preset--color--pink-600) !important;}.has-pink-700-color{color: var(--wp--preset--color--pink-700) !important;}.has-pink-800-color{color: var(--wp--preset--color--pink-800) !important;}.has-pink-900-color{color: var(--wp--preset--color--pink-900) !important;}.has-pink-950-color{color: var(--wp--preset--color--pink-950) !important;}.has-rose-50-color{color: var(--wp--preset--color--rose-50) !important;}.has-rose-100-color{color: var(--wp--preset--color--rose-100) !important;}.has-rose-200-color{color: var(--wp--preset--color--rose-200) !important;}.has-rose-300-color{color: var(--wp--preset--color--rose-300) !important;}.has-rose-400-color{color: var(--wp--preset--color--rose-400) !important;}.has-rose-500-color{color: var(--wp--preset--color--rose-500) !important;}.has-rose-600-color{color: var(--wp--preset--color--rose-600) !important;}.has-rose-700-color{color: var(--wp--preset--color--rose-700) !important;}.has-rose-800-color{color: var(--wp--preset--color--rose-800) !important;}.has-rose-900-color{color: var(--wp--preset--color--rose-900) !important;}.has-rose-950-color{color: var(--wp--preset--color--rose-950) !important;}.has-primary-color{color: var(--wp--preset--color--primary) !important;}.has-primary-content-color{color: var(--wp--preset--color--primary-content) !important;}.has-secondary-color{color: var(--wp--preset--color--secondary) !important;}.has-secondary-content-color{color: var(--wp--preset--color--secondary-content) !important;}.has-accent-color{color: var(--wp--preset--color--accent) !important;}.has-accent-content-color{color: var(--wp--preset--color--accent-content) !important;}.has-neutral-content-color{color: var(--wp--preset--color--neutral-content) !important;}.has-base-100-color{color: var(--wp--preset--color--base-100) !important;}.has-base-200-color{color: var(--wp--preset--color--base-200) !important;}.has-base-300-color{color: var(--wp--preset--color--base-300) !important;}.has-base-content-color{color: var(--wp--preset--color--base-content) !important;}.has-info-color{color: var(--wp--preset--color--info) !important;}.has-info-content-color{color: var(--wp--preset--color--info-content) !important;}.has-success-color{color: var(--wp--preset--color--success) !important;}.has-success-content-color{color: var(--wp--preset--color--success-content) !important;}.has-warning-color{color: var(--wp--preset--color--warning) !important;}.has-warning-content-color{color: var(--wp--preset--color--warning-content) !important;}.has-error-color{color: var(--wp--preset--color--error) !important;}.has-error-content-color{color: var(--wp--preset--color--error-content) !important;}.has-neutral-50-color{color: var(--wp--preset--color--neutral-50) !important;}.has-neutral-100-color{color: var(--wp--preset--color--neutral-100) !important;}.has-neutral-200-color{color: var(--wp--preset--color--neutral-200) !important;}.has-neutral-300-color{color: var(--wp--preset--color--neutral-300) !important;}.has-neutral-400-color{color: var(--wp--preset--color--neutral-400) !important;}.has-neutral-500-color{color: var(--wp--preset--color--neutral-500) !important;}.has-neutral-600-color{color: var(--wp--preset--color--neutral-600) !important;}.has-neutral-700-color{color: var(--wp--preset--color--neutral-700) !important;}.has-neutral-800-color{color: var(--wp--preset--color--neutral-800) !important;}.has-neutral-900-color{color: var(--wp--preset--color--neutral-900) !important;}.has-neutral-950-color{color: var(--wp--preset--color--neutral-950) !important;}.has-bati-color{color: var(--wp--preset--color--bati) !important;}.has-agri-color{color: var(--wp--preset--color--agri) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-inherit-background-color{background-color: var(--wp--preset--color--inherit) !important;}.has-current-background-color{background-color: var(--wp--preset--color--current) !important;}.has-transparent-background-color{background-color: var(--wp--preset--color--transparent) !important;}.has-slate-50-background-color{background-color: var(--wp--preset--color--slate-50) !important;}.has-slate-100-background-color{background-color: var(--wp--preset--color--slate-100) !important;}.has-slate-200-background-color{background-color: var(--wp--preset--color--slate-200) !important;}.has-slate-300-background-color{background-color: var(--wp--preset--color--slate-300) !important;}.has-slate-400-background-color{background-color: var(--wp--preset--color--slate-400) !important;}.has-slate-500-background-color{background-color: var(--wp--preset--color--slate-500) !important;}.has-slate-600-background-color{background-color: var(--wp--preset--color--slate-600) !important;}.has-slate-700-background-color{background-color: var(--wp--preset--color--slate-700) !important;}.has-slate-800-background-color{background-color: var(--wp--preset--color--slate-800) !important;}.has-slate-900-background-color{background-color: var(--wp--preset--color--slate-900) !important;}.has-slate-950-background-color{background-color: var(--wp--preset--color--slate-950) !important;}.has-gray-50-background-color{background-color: var(--wp--preset--color--gray-50) !important;}.has-gray-100-background-color{background-color: var(--wp--preset--color--gray-100) !important;}.has-gray-200-background-color{background-color: var(--wp--preset--color--gray-200) !important;}.has-gray-300-background-color{background-color: var(--wp--preset--color--gray-300) !important;}.has-gray-400-background-color{background-color: var(--wp--preset--color--gray-400) !important;}.has-gray-500-background-color{background-color: var(--wp--preset--color--gray-500) !important;}.has-gray-600-background-color{background-color: var(--wp--preset--color--gray-600) !important;}.has-gray-700-background-color{background-color: var(--wp--preset--color--gray-700) !important;}.has-gray-800-background-color{background-color: var(--wp--preset--color--gray-800) !important;}.has-gray-900-background-color{background-color: var(--wp--preset--color--gray-900) !important;}.has-gray-950-background-color{background-color: var(--wp--preset--color--gray-950) !important;}.has-zinc-50-background-color{background-color: var(--wp--preset--color--zinc-50) !important;}.has-zinc-100-background-color{background-color: var(--wp--preset--color--zinc-100) !important;}.has-zinc-200-background-color{background-color: var(--wp--preset--color--zinc-200) !important;}.has-zinc-300-background-color{background-color: var(--wp--preset--color--zinc-300) !important;}.has-zinc-400-background-color{background-color: var(--wp--preset--color--zinc-400) !important;}.has-zinc-500-background-color{background-color: var(--wp--preset--color--zinc-500) !important;}.has-zinc-600-background-color{background-color: var(--wp--preset--color--zinc-600) !important;}.has-zinc-700-background-color{background-color: var(--wp--preset--color--zinc-700) !important;}.has-zinc-800-background-color{background-color: var(--wp--preset--color--zinc-800) !important;}.has-zinc-900-background-color{background-color: var(--wp--preset--color--zinc-900) !important;}.has-zinc-950-background-color{background-color: var(--wp--preset--color--zinc-950) !important;}.has-neutral-background-color{background-color: var(--wp--preset--color--neutral) !important;}.has-stone-50-background-color{background-color: var(--wp--preset--color--stone-50) !important;}.has-stone-100-background-color{background-color: var(--wp--preset--color--stone-100) !important;}.has-stone-200-background-color{background-color: var(--wp--preset--color--stone-200) !important;}.has-stone-300-background-color{background-color: var(--wp--preset--color--stone-300) !important;}.has-stone-400-background-color{background-color: var(--wp--preset--color--stone-400) !important;}.has-stone-500-background-color{background-color: var(--wp--preset--color--stone-500) !important;}.has-stone-600-background-color{background-color: var(--wp--preset--color--stone-600) !important;}.has-stone-700-background-color{background-color: var(--wp--preset--color--stone-700) !important;}.has-stone-800-background-color{background-color: var(--wp--preset--color--stone-800) !important;}.has-stone-900-background-color{background-color: var(--wp--preset--color--stone-900) !important;}.has-stone-950-background-color{background-color: var(--wp--preset--color--stone-950) !important;}.has-red-50-background-color{background-color: var(--wp--preset--color--red-50) !important;}.has-red-100-background-color{background-color: var(--wp--preset--color--red-100) !important;}.has-red-200-background-color{background-color: var(--wp--preset--color--red-200) !important;}.has-red-300-background-color{background-color: var(--wp--preset--color--red-300) !important;}.has-red-400-background-color{background-color: var(--wp--preset--color--red-400) !important;}.has-red-500-background-color{background-color: var(--wp--preset--color--red-500) !important;}.has-red-600-background-color{background-color: var(--wp--preset--color--red-600) !important;}.has-red-700-background-color{background-color: var(--wp--preset--color--red-700) !important;}.has-red-800-background-color{background-color: var(--wp--preset--color--red-800) !important;}.has-red-900-background-color{background-color: var(--wp--preset--color--red-900) !important;}.has-red-950-background-color{background-color: var(--wp--preset--color--red-950) !important;}.has-orange-50-background-color{background-color: var(--wp--preset--color--orange-50) !important;}.has-orange-100-background-color{background-color: var(--wp--preset--color--orange-100) !important;}.has-orange-200-background-color{background-color: var(--wp--preset--color--orange-200) !important;}.has-orange-300-background-color{background-color: var(--wp--preset--color--orange-300) !important;}.has-orange-400-background-color{background-color: var(--wp--preset--color--orange-400) !important;}.has-orange-500-background-color{background-color: var(--wp--preset--color--orange-500) !important;}.has-orange-600-background-color{background-color: var(--wp--preset--color--orange-600) !important;}.has-orange-700-background-color{background-color: var(--wp--preset--color--orange-700) !important;}.has-orange-800-background-color{background-color: var(--wp--preset--color--orange-800) !important;}.has-orange-900-background-color{background-color: var(--wp--preset--color--orange-900) !important;}.has-orange-950-background-color{background-color: var(--wp--preset--color--orange-950) !important;}.has-amber-50-background-color{background-color: var(--wp--preset--color--amber-50) !important;}.has-amber-100-background-color{background-color: var(--wp--preset--color--amber-100) !important;}.has-amber-200-background-color{background-color: var(--wp--preset--color--amber-200) !important;}.has-amber-300-background-color{background-color: var(--wp--preset--color--amber-300) !important;}.has-amber-400-background-color{background-color: var(--wp--preset--color--amber-400) !important;}.has-amber-500-background-color{background-color: var(--wp--preset--color--amber-500) !important;}.has-amber-600-background-color{background-color: var(--wp--preset--color--amber-600) !important;}.has-amber-700-background-color{background-color: var(--wp--preset--color--amber-700) !important;}.has-amber-800-background-color{background-color: var(--wp--preset--color--amber-800) !important;}.has-amber-900-background-color{background-color: var(--wp--preset--color--amber-900) !important;}.has-amber-950-background-color{background-color: var(--wp--preset--color--amber-950) !important;}.has-yellow-50-background-color{background-color: var(--wp--preset--color--yellow-50) !important;}.has-yellow-100-background-color{background-color: var(--wp--preset--color--yellow-100) !important;}.has-yellow-200-background-color{background-color: var(--wp--preset--color--yellow-200) !important;}.has-yellow-300-background-color{background-color: var(--wp--preset--color--yellow-300) !important;}.has-yellow-400-background-color{background-color: var(--wp--preset--color--yellow-400) !important;}.has-yellow-500-background-color{background-color: var(--wp--preset--color--yellow-500) !important;}.has-yellow-600-background-color{background-color: var(--wp--preset--color--yellow-600) !important;}.has-yellow-700-background-color{background-color: var(--wp--preset--color--yellow-700) !important;}.has-yellow-800-background-color{background-color: var(--wp--preset--color--yellow-800) !important;}.has-yellow-900-background-color{background-color: var(--wp--preset--color--yellow-900) !important;}.has-yellow-950-background-color{background-color: var(--wp--preset--color--yellow-950) !important;}.has-lime-50-background-color{background-color: var(--wp--preset--color--lime-50) !important;}.has-lime-100-background-color{background-color: var(--wp--preset--color--lime-100) !important;}.has-lime-200-background-color{background-color: var(--wp--preset--color--lime-200) !important;}.has-lime-300-background-color{background-color: var(--wp--preset--color--lime-300) !important;}.has-lime-400-background-color{background-color: var(--wp--preset--color--lime-400) !important;}.has-lime-500-background-color{background-color: var(--wp--preset--color--lime-500) !important;}.has-lime-600-background-color{background-color: var(--wp--preset--color--lime-600) !important;}.has-lime-700-background-color{background-color: var(--wp--preset--color--lime-700) !important;}.has-lime-800-background-color{b
2783ackground-color: var(--wp--preset--color--lime-800) !important;}.has-lime-900-background-color{background-color: var(--wp--preset--color--lime-900) !important;}.has-lime-950-background-color{background-color: var(--wp--preset--color--lime-950) !important;}.has-green-50-background-color{background-color: var(--wp--preset--color--green-50) !important;}.has-green-100-background-color{background-color: var(--wp--preset--color--green-100) !important;}.has-green-200-background-color{background-color: var(--wp--preset--color--green-200) !important;}.has-green-300-background-color{background-color: var(--wp--preset--color--green-300) !important;}.has-green-400-background-color{background-color: var(--wp--preset--color--green-400) !important;}.has-green-500-background-color{background-color: var(--wp--preset--color--green-500) !important;}.has-green-600-background-color{background-color: var(--wp--preset--color--green-600) !important;}.has-green-700-background-color{background-color: var(--wp--preset--color--green-700) !important;}.has-green-800-background-color{background-color: var(--wp--preset--color--green-800) !important;}.has-green-900-background-color{background-color: var(--wp--preset--color--green-900) !important;}.has-green-950-background-color{background-color: var(--wp--preset--color--green-950) !important;}.has-emerald-50-background-color{background-color: var(--wp--preset--color--emerald-50) !important;}.has-emerald-100-background-color{background-color: var(--wp--preset--color--emerald-100) !important;}.has-emerald-200-background-color{background-color: var(--wp--preset--color--emerald-200) !important;}.has-emerald-300-background-color{background-color: var(--wp--preset--color--emerald-300) !important;}.has-emerald-400-background-color{background-color: var(--wp--preset--color--emerald-400) !important;}.has-emerald-500-background-color{background-color: var(--wp--preset--color--emerald-500) !important;}.has-emerald-600-background-color{background-color: var(--wp--preset--color--emerald-600) !important;}.has-emerald-700-background-color{background-color: var(--wp--preset--color--emerald-700) !important;}.has-emerald-800-background-color{background-color: var(--wp--preset--color--emerald-800) !important;}.has-emerald-900-background-color{background-color: var(--wp--preset--color--emerald-900) !important;}.has-emerald-950-background-color{background-color: var(--wp--preset--color--emerald-950) !important;}.has-teal-50-background-color{background-color: var(--wp--preset--color--teal-50) !important;}.has-teal-100-background-color{background-color: var(--wp--preset--color--teal-100) !important;}.has-teal-200-background-color{background-color: var(--wp--preset--color--teal-200) !important;}.has-teal-300-background-color{background-color: var(--wp--preset--color--teal-300) !important;}.has-teal-400-background-color{background-color: var(--wp--preset--color--teal-400) !important;}.has-teal-500-background-color{background-color: var(--wp--preset--color--teal-500) !important;}.has-teal-600-background-color{background-color: var(--wp--preset--color--teal-600) !important;}.has-teal-700-background-color{background-color: var(--wp--preset--color--teal-700) !important;}.has-teal-800-background-color{background-color: var(--wp--preset--color--teal-800) !important;}.has-teal-900-background-color{background-color: var(--wp--preset--color--teal-900) !important;}.has-teal-950-background-color{background-color: var(--wp--preset--color--teal-950) !important;}.has-cyan-50-background-color{background-color: var(--wp--preset--color--cyan-50) !important;}.has-cyan-100-background-color{background-color: var(--wp--preset--color--cyan-100) !important;}.has-cyan-200-background-color{background-color: var(--wp--preset--color--cyan-200) !important;}.has-cyan-300-background-color{background-color: var(--wp--preset--color--cyan-300) !important;}.has-cyan-400-background-color{background-color: var(--wp--preset--color--cyan-400) !important;}.has-cyan-500-background-color{background-color: var(--wp--preset--color--cyan-500) !important;}.has-cyan-600-background-color{background-color: var(--wp--preset--color--cyan-600) !important;}.has-cyan-700-background-color{background-color: var(--wp--preset--color--cyan-700) !important;}.has-cyan-800-background-color{background-color: var(--wp--preset--color--cyan-800) !important;}.has-cyan-900-background-color{background-color: var(--wp--preset--color--cyan-900) !important;}.has-cyan-950-background-color{background-color: var(--wp--preset--color--cyan-950) !important;}.has-sky-50-background-color{background-color: var(--wp--preset--color--sky-50) !important;}.has-sky-100-background-color{background-color: var(--wp--preset--color--sky-100) !important;}.has-sky-200-background-color{background-color: var(--wp--preset--color--sky-200) !important;}.has-sky-300-background-color{background-color: var(--wp--preset--color--sky-300) !important;}.has-sky-400-background-color{background-color: var(--wp--preset--color--sky-400) !important;}.has-sky-500-background-color{background-color: var(--wp--preset--color--sky-500) !important;}.has-sky-600-background-color{background-color: var(--wp--preset--color--sky-600) !important;}.has-sky-700-background-color{background-color: var(--wp--preset--color--sky-700) !important;}.has-sky-800-background-color{background-color: var(--wp--preset--color--sky-800) !important;}.has-sky-900-background-color{background-color: var(--wp--preset--color--sky-900) !important;}.has-sky-950-background-color{background-color: var(--wp--preset--color--sky-950) !important;}.has-blue-50-background-color{background-color: var(--wp--preset--color--blue-50) !important;}.has-blue-100-background-color{background-color: var(--wp--preset--color--blue-100) !important;}.has-blue-200-background-color{background-color: var(--wp--preset--color--blue-200) !important;}.has-blue-300-background-color{background-color: var(--wp--preset--color--blue-300) !important;}.has-blue-400-background-color{background-color: var(--wp--preset--color--blue-400) !important;}.has-blue-500-background-color{background-color: var(--wp--preset--color--blue-500) !important;}.has-blue-600-background-color{background-color: var(--wp--preset--color--blue-600) !important;}.has-blue-700-background-color{background-color: var(--wp--preset--color--blue-700) !important;}.has-blue-800-background-color{background-color: var(--wp--preset--color--blue-800) !important;}.has-blue-900-background-color{background-color: var(--wp--preset--color--blue-900) !important;}.has-blue-950-background-color{background-color: var(--wp--preset--color--blue-950) !important;}.has-indigo-50-background-color{background-color: var(--wp--preset--color--indigo-50) !important;}.has-indigo-100-background-color{background-color: var(--wp--preset--color--indigo-100) !important;}.has-indigo-200-background-color{background-color: var(--wp--preset--color--indigo-200) !important;}.has-indigo-300-background-color{background-color: var(--wp--preset--color--indigo-300) !important;}.has-indigo-400-background-color{background-color: var(--wp--preset--color--indigo-400) !important;}.has-indigo-500-background-color{background-color: var(--wp--preset--color--indigo-500) !important;}.has-indigo-600-background-color{background-color: var(--wp--preset--color--indigo-600) !important;}.has-indigo-700-background-color{background-color: var(--wp--preset--color--indigo-700) !important;}.has-indigo-800-background-color{background-color: var(--wp--preset--color--indigo-800) !important;}.has-indigo-900-background-color{background-color: var(--wp--preset--color--indigo-900) !important;}.has-indigo-950-background-color{background-color: var(--wp--preset--color--indigo-950) !important;}.has-violet-50-background-color{background-color: var(--wp--preset--color--violet-50) !important;}.has-violet-100-background-color{background-color: var(--wp--preset--color--violet-100) !important;}.has-violet-200-background-color{background-color: var(--wp--preset--color--violet-200) !important;}.has-violet-300-background-color{background-color: var(--wp--preset--color--violet-300) !important;}.has-violet-400-background-color{background-color: var(--wp--preset--color--violet-400) !important;}.has-violet-500-background-color{background-color: var(--wp--preset--color--violet-500) !important;}.has-violet-600-background-color{background-color: var(--wp--preset--color--violet-600) !important;}.has-violet-700-background-color{background-color: var(--wp--preset--color--violet-700) !important;}.has-violet-800-background-color{background-color: var(--wp--preset--color--violet-800) !important;}.has-violet-900-background-color{background-color: var(--wp--preset--color--violet-900) !important;}.has-violet-950-background-color{background-color: var(--wp--preset--color--violet-950) !important;}.has-purple-50-background-color{background-color: var(--wp--preset--color--purple-50) !important;}.has-purple-100-background-color{background-color: var(--wp--preset--color--purple-100) !important;}.has-purple-200-background-color{background-color: var(--wp--preset--color--purple-200) !important;}.has-purple-300-background-color{background-color: var(--wp--preset--color--purple-300) !important;}.has-purple-400-background-color{background-color: var(--wp--preset--color--purple-400) !important;}.has-purple-500-background-color{background-color: var(--wp--preset--color--purple-500) !important;}.has-purple-600-background-color{background-color: var(--wp--preset--color--purple-600) !important;}.has-purple-700-background-color{background-color: var(--wp--preset--color--purple-700) !important;}.has-purple-800-background-color{background-color: var(--wp--preset--color--purple-800) !important;}.has-purple-900-background-color{background-color: var(--wp--preset--color--purple-900) !important;}.has-purple-950-background-color{background-color: var(--wp--preset--color--purple-950) !important;}.has-fuchsia-50-background-color{background-color: var(--wp--preset--color--fuchsia-50) !important;}.has-fuchsia-100-background-color{background-color: var(--wp--preset--color--fuchsia-100) !important;}.has-fuchsia-200-background-color{background-color: var(--wp--preset--color--fuchsia-200) !important;}.has-fuchsia-300-background-color{background-color: var(--wp--preset--color--fuchsia-300) !important;}.has-fuchsia-400-background-color{background-color: var(--wp--preset--color--fuchsia-400) !important;}.has-fuchsia-500-background-color{background-color: var(--wp--preset--color--fuchsia-500) !important;}.has-fuchsia-600-background-color{background-color: var(--wp--preset--color--fuchsia-600) !important;}.has-fuchsia-700-background-color{background-color: var(--wp--preset--color--fuchsia-700) !important;}.has-fuchsia-800-background-color{background-color: var(--wp--preset--color--fuchsia-800) !important;}.has-fuchsia-900-background-color{background-color: var(--wp--preset--color--fuchsia-900) !important;}.has-fuchsia-950-background-color{background-color: var(--wp--preset--color--fuchsia-950) !important;}.has-pink-50-background-color{background-color: var(--wp--preset--color--pink-50) !important;}.has-pink-100-background-color{background-color: var(--wp--preset--color--pink-100) !important;}.has-pink-200-background-color{background-color: var(--wp--preset--color--pink-200) !important;}.has-pink-300-background-color{background-color: var(--wp--preset--color--pink-300) !important;}.has-pink-400-background-color{background-color: var(--wp--preset--color--pink-400) !important;}.has-pink-500-background-color{background-color: var(--wp--preset--color--pink-500) !important;}.has-pink-600-background-color{background-color: var(--wp--preset--color--pink-600) !important;}.has-pink-700-background-color{background-color: var(--wp--preset--color--pink-700) !important;}.has-pink-800-background-color{background-color: var(--wp--preset--color--pink-800) !important;}.has-pink-900-background-color{background-color: var(--wp--preset--color--pink-900) !important;}.has-pink-950-background-color{background-color: var(--wp--preset--color--pink-950) !important;}.has-rose-50-background-color{background-color: var(--wp--preset--color--rose-50) !important;}.has-rose-100-background-color{background-color: var(--wp--preset--color--rose-100) !important;}.has-rose-200-background-color{background-color: var(--wp--preset--color--rose-200) !important;}.has-rose-300-background-color{background-color: var(--wp--preset--color--rose-300) !important;}.has-rose-400-background-color{background-color: var(--wp--preset--color--rose-400) !important;}.has-rose-500-background-color{background-color: var(--wp--preset--color--rose-500) !important;}.has-rose-600-background-color{background-color: var(--wp--preset--color--rose-600) !important;}.has-rose-700-background-color{background-color: var(--wp--preset--color--rose-700) !important;}.has-rose-800-background-color{background-color: var(--wp--preset--color--rose-800) !important;}.has-rose-900-background-color{background-color: var(--wp--preset--color--rose-900) !important;}.has-rose-950-background-color{background-color: var(--wp--preset--color--rose-950) !important;}.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-primary-content-background-color{background-color: var(--wp--preset--color--primary-content) !important;}.has-secondary-background-color{background-color: var(--wp--preset--color--secondary) !important;}.has-secondary-content-background-color{background-color: var(--wp--preset--color--secondary-content) !important;}.has-accent-background-color{background-color: var(--wp--preset--color--accent) !important;}.has-accent-content-background-color{background-color: var(--wp--preset--color--accent-content) !important;}.has-neutral-content-background-color{background-color: var(--wp--preset--color--neutral-content) !important;}.has-base-100-background-color{background-color: var(--wp--preset--color--base-100) !important;}.has-base-200-background-color{background-color: var(--wp--preset--color--base-200) !important;}.has-base-300-background-color{background-color: var(--wp--preset--color--base-300) !important;}.has-base-content-background-color{background-color: var(--wp--preset--color--base-content) !important;}.has-info-background-color{background-color: var(--wp--preset--color--info) !important;}.has-info-content-background-color{background-color: var(--wp--preset--color--info-content) !important;}.has-success-background-color{background-color: var(--wp--preset--color--success) !important;}.has-success-content-background-color{background-color: var(--wp--preset--color--success-content) !important;}.has-warning-background-color{background-color: var(--wp--preset--color--warning) !important;}.has-warning-content-background-color{background-color: var(--wp--preset--color--warning-content) !important;}.has-error-background-color{background-color: var(--wp--preset--color--error) !important;}.has-error-content-background-color{background-color: var(--wp--preset--color--error-content) !important;}.has-neutral-50-background-color{background-color: var(--wp--preset--color--neutral-50) !important;}.has-neutral-100-background-color{background-color: var(--wp--preset--color--neutral-100) !important;}.has-neutral-200-background-color{background-color: var(--wp--preset--color--neutral-200) !important;}.has-neutral-300-background-color{background-color: var(--wp--preset--color--neutral-300) !important;}.has-neutral-400-background-color{background-color: var(--wp--preset--color--neutral-400) !important;}.has-neutral-500-background-color{background-color: var(--wp--preset--color--neutral-500) !important;}.has-neutral-600-background-color{background-color: var(--wp--preset--color--neutral-600) !important;}.has-neutral-700-background-color{background-color: var(--wp--preset--color--neutral-700) !important;}.has-neutral-800-background-color{background-color: var(--wp--preset--color--neutral-800) !important;}.has-neutral-900-background-color{background-color: var(--wp--preset--color--neutral-900) !important;}.has-neutral-950-background-color{background-color: var(--wp--preset--color--neutral-950) !important;}.has-bati-background-color{background-color: var(--wp--preset--color--bati) !important;}.has-agri-background-color{background-color: var(--wp--preset--color--agri) !important;}.has-b
2783lack-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-inherit-border-color{border-color: var(--wp--preset--color--inherit) !important;}.has-current-border-color{border-color: var(--wp--preset--color--current) !important;}.has-transparent-border-color{border-color: var(--wp--preset--color--transparent) !important;}.has-slate-50-border-color{border-color: var(--wp--preset--color--slate-50) !important;}.has-slate-100-border-color{border-color: var(--wp--preset--color--slate-100) !important;}.has-slate-200-border-color{border-color: var(--wp--preset--color--slate-200) !important;}.has-slate-300-border-color{border-color: var(--wp--preset--color--slate-300) !important;}.has-slate-400-border-color{border-color: var(--wp--preset--color--slate-400) !important;}.has-slate-500-border-color{border-color: var(--wp--preset--color--slate-500) !important;}.has-slate-600-border-color{border-color: var(--wp--preset--color--slate-600) !important;}.has-slate-700-border-color{border-color: var(--wp--preset--color--slate-700) !important;}.has-slate-800-border-color{border-color: var(--wp--preset--color--slate-800) !important;}.has-slate-900-border-color{border-color: var(--wp--preset--color--slate-900) !important;}.has-slate-950-border-color{border-color: var(--wp--preset--color--slate-950) !important;}.has-gray-50-border-color{border-color: var(--wp--preset--color--gray-50) !important;}.has-gray-100-border-color{border-color: var(--wp--preset--color--gray-100) !important;}.has-gray-200-border-color{border-color: var(--wp--preset--color--gray-200) !important;}.has-gray-300-border-color{border-color: var(--wp--preset--color--gray-300) !important;}.has-gray-400-border-color{border-color: var(--wp--preset--color--gray-400) !important;}.has-gray-500-border-color{border-color: var(--wp--preset--color--gray-500) !important;}.has-gray-600-border-color{border-color: var(--wp--preset--color--gray-600) !important;}.has-gray-700-border-color{border-color: var(--wp--preset--color--gray-700) !important;}.has-gray-800-border-color{border-color: var(--wp--preset--color--gray-800) !important;}.has-gray-900-border-color{border-color: var(--wp--preset--color--gray-900) !important;}.has-gray-950-border-color{border-color: var(--wp--preset--color--gray-950) !important;}.has-zinc-50-border-color{border-color: var(--wp--preset--color--zinc-50) !important;}.has-zinc-100-border-color{border-color: var(--wp--preset--color--zinc-100) !important;}.has-zinc-200-border-color{border-color: var(--wp--preset--color--zinc-200) !important;}.has-zinc-300-border-color{border-color: var(--wp--preset--color--zinc-300) !important;}.has-zinc-400-border-color{border-color: var(--wp--preset--color--zinc-400) !important;}.has-zinc-500-border-color{border-color: var(--wp--preset--color--zinc-500) !important;}.has-zinc-600-border-color{border-color: var(--wp--preset--color--zinc-600) !important;}.has-zinc-700-border-color{border-color: var(--wp--preset--color--zinc-700) !important;}.has-zinc-800-border-color{border-color: var(--wp--preset--color--zinc-800) !important;}.has-zinc-900-border-color{border-color: var(--wp--preset--color--zinc-900) !important;}.has-zinc-950-border-color{border-color: var(--wp--preset--color--zinc-950) !important;}.has-neutral-border-color{border-color: var(--wp--preset--color--neutral) !important;}.has-stone-50-border-color{border-color: var(--wp--preset--color--stone-50) !important;}.has-stone-100-border-color{border-color: var(--wp--preset--color--stone-100) !important;}.has-stone-200-border-color{border-color: var(--wp--preset--color--stone-200) !important;}.has-stone-300-border-color{border-color: var(--wp--preset--color--stone-300) !important;}.has-stone-400-border-color{border-color: var(--wp--preset--color--stone-400) !important;}.has-stone-500-border-color{border-color: var(--wp--preset--color--stone-500) !important;}.has-stone-600-border-color{border-color: var(--wp--preset--color--stone-600) !important;}.has-stone-700-border-color{border-color: var(--wp--preset--color--stone-700) !important;}.has-stone-800-border-color{border-color: var(--wp--preset--color--stone-800) !important;}.has-stone-900-border-color{border-color: var(--wp--preset--color--stone-900) !important;}.has-stone-950-border-color{border-color: var(--wp--preset--color--stone-950) !important;}.has-red-50-border-color{border-color: var(--wp--preset--color--red-50) !important;}.has-red-100-border-color{border-color: var(--wp--preset--color--red-100) !important;}.has-red-200-border-color{border-color: var(--wp--preset--color--red-200) !important;}.has-red-300-border-color{border-color: var(--wp--preset--color--red-300) !important;}.has-red-400-border-color{border-color: var(--wp--preset--color--red-400) !important;}.has-red-500-border-color{border-color: var(--wp--preset--color--red-500) !important;}.has-red-600-border-color{border-color: var(--wp--preset--color--red-600) !important;}.has-red-700-border-color{border-color: var(--wp--preset--color--red-700) !important;}.has-red-800-border-color{border-color: var(--wp--preset--color--red-800) !important;}.has-red-900-border-color{border-color: var(--wp--preset--color--red-900) !important;}.has-red-950-border-color{border-color: var(--wp--preset--color--red-950) !important;}.has-orange-50-border-color{border-color: var(--wp--preset--color--orange-50) !important;}.has-orange-100-border-color{border-color: var(--wp--preset--color--orange-100) !important;}.has-orange-200-border-color{border-color: var(--wp--preset--color--orange-200) !important;}.has-orange-300-border-color{border-color: var(--wp--preset--color--orange-300) !important;}.has-orange-400-border-color{border-color: var(--wp--preset--color--orange-400) !important;}.has-orange-500-border-color{border-color: var(--wp--preset--color--orange-500) !important;}.has-orange-600-border-color{border-color: var(--wp--preset--color--orange-600) !important;}.has-orange-700-border-color{border-color: var(--wp--preset--color--orange-700) !important;}.has-orange-800-border-color{border-color: var(--wp--preset--color--orange-800) !important;}.has-orange-900-border-color{border-color: var(--wp--preset--color--orange-900) !important;}.has-orange-950-border-color{border-color: var(--wp--preset--color--orange-950) !important;}.has-amber-50-border-color{border-color: var(--wp--preset--color--amber-50) !important;}.has-amber-100-border-color{border-color: var(--wp--preset--color--amber-100) !important;}.has-amber-200-border-color{border-color: var(--wp--preset--color--amber-200) !important;}.has-amber-300-border-color{border-color: var(--wp--preset--color--amber-300) !important;}.has-amber-400-border-color{border-color: var(--wp--preset--color--amber-400) !important;}.has-amber-500-border-color{border-color: var(--wp--preset--color--amber-500) !important;}.has-amber-600-border-color{border-color: var(--wp--preset--color--amber-600) !important;}.has-amber-700-border-color{border-color: var(--wp--preset--color--amber-700) !important;}.has-amber-800-border-color{border-color: var(--wp--preset--color--amber-800) !important;}.has-amber-900-border-color{border-color: var(--wp--preset--color--amber-900) !important;}.has-amber-950-border-color{border-color: var(--wp--preset--color--amber-950) !important;}.has-yellow-50-border-color{border-color: var(--wp--preset--color--yellow-50) !important;}.has-yellow-100-border-color{border-color: var(--wp--preset--color--yellow-100) !important;}.has-yellow-200-border-color{border-color: var(--wp--preset--color--yellow-200) !important;}.has-yellow-300-border-color{border-color: var(--wp--preset--color--yellow-300) !important;}.has-yellow-400-border-color{border-color: var(--wp--preset--color--yellow-400) !important;}.has-yellow-500-border-color{border-color: var(--wp--preset--color--yellow-500) !important;}.has-yellow-600-border-color{border-color: var(--wp--preset--color--yellow-600) !important;}.has-yellow-700-border-color{border-color: var(--wp--preset--color--yellow-700) !important;}.has-yellow-800-border-color{border-color: var(--wp--preset--color--yellow-800) !important;}.has-yellow-900-border-color{border-color: var(--wp--preset--color--yellow-900) !important;}.has-yellow-950-border-color{border-color: var(--wp--preset--color--yellow-950) !important;}.has-lime-50-border-color{border-color: var(--wp--preset--color--lime-50) !important;}.has-lime-100-border-color{border-color: var(--wp--preset--color--lime-100) !important;}.has-lime-200-border-color{border-color: var(--wp--preset--color--lime-200) !important;}.has-lime-300-border-color{border-color: var(--wp--preset--color--lime-300) !important;}.has-lime-400-border-color{border-color: var(--wp--preset--color--lime-400) !important;}.has-lime-500-border-color{border-color: var(--wp--preset--color--lime-500) !important;}.has-lime-600-border-color{border-color: var(--wp--preset--color--lime-600) !important;}.has-lime-700-border-color{border-color: var(--wp--preset--color--lime-700) !important;}.has-lime-800-border-color{border-color: var(--wp--preset--color--lime-800) !important;}.has-lime-900-border-color{border-color: var(--wp--preset--color--lime-900) !important;}.has-lime-950-border-color{border-color: var(--wp--preset--color--lime-950) !important;}.has-green-50-border-color{border-color: var(--wp--preset--color--green-50) !important;}.has-green-100-border-color{border-color: var(--wp--preset--color--green-100) !important;}.has-green-200-border-color{border-color: var(--wp--preset--color--green-200) !important;}.has-green-300-border-color{border-color: var(--wp--preset--color--green-300) !important;}.has-green-400-border-color{border-color: var(--wp--preset--color--green-400) !important;}.has-green-500-border-color{border-color: var(--wp--preset--color--green-500) !important;}.has-green-600-border-color{border-color: var(--wp--preset--color--green-600) !important;}.has-green-700-border-color{border-color: var(--wp--preset--color--green-700) !important;}.has-green-800-border-color{border-color: var(--wp--preset--color--green-800) !important;}.has-green-900-border-color{border-color: var(--wp--preset--color--green-900) !important;}.has-green-950-border-color{border-color: var(--wp--preset--color--green-950) !important;}.has-emerald-50-border-color{border-color: var(--wp--preset--color--emerald-50) !important;}.has-emerald-100-border-color{border-color: var(--wp--preset--color--emerald-100) !important;}.has-emerald-200-border-color{border-color: var(--wp--preset--color--emerald-200) !important;}.has-emerald-300-border-color{border-color: var(--wp--preset--color--emerald-300) !important;}.has-emerald-400-border-color{border-color: var(--wp--preset--color--emerald-400) !important;}.has-emerald-500-border-color{border-color: var(--wp--preset--color--emerald-500) !important;}.has-emerald-600-border-color{border-color: var(--wp--preset--color--emerald-600) !important;}.has-emerald-700-border-color{border-color: var(--wp--preset--color--emerald-700) !important;}.has-emerald-800-border-color{border-color: var(--wp--preset--color--emerald-800) !important;}.has-emerald-900-border-color{border-color: var(--wp--preset--color--emerald-900) !important;}.has-emerald-950-border-color{border-color: var(--wp--preset--color--emerald-950) !important;}.has-teal-50-border-color{border-color: var(--wp--preset--color--teal-50) !important;}.has-teal-100-border-color{border-color: var(--wp--preset--color--teal-100) !important;}.has-teal-200-border-color{border-color: var(--wp--preset--color--teal-200) !important;}.has-teal-300-border-color{border-color: var(--wp--preset--color--teal-300) !important;}.has-teal-400-border-color{border-color: var(--wp--preset--color--teal-400) !important;}.has-teal-500-border-color{border-color: var(--wp--preset--color--teal-500) !important;}.has-teal-600-border-color{border-color: var(--wp--preset--color--teal-600) !important;}.has-teal-700-border-color{border-color: var(--wp--preset--color--teal-700) !important;}.has-teal-800-border-color{border-color: var(--wp--preset--color--teal-800) !important;}.has-teal-900-border-color{border-color: var(--wp--preset--color--teal-900) !important;}.has-teal-950-border-color{border-color: var(--wp--preset--color--teal-950) !important;}.has-cyan-50-border-color{border-color: var(--wp--preset--color--cyan-50) !important;}.has-cyan-100-border-color{border-color: var(--wp--preset--color--cyan-100) !important;}.has-cyan-200-border-color{border-color: var(--wp--preset--color--cyan-200) !important;}.has-cyan-300-border-color{border-color: var(--wp--preset--color--cyan-300) !important;}.has-cyan-400-border-color{border-color: var(--wp--preset--color--cyan-400) !important;}.has-cyan-500-border-color{border-color: var(--wp--preset--color--cyan-500) !important;}.has-cyan-600-border-color{border-color: var(--wp--preset--color--cyan-600) !important;}.has-cyan-700-border-color{border-color: var(--wp--preset--color--cyan-700) !important;}.has-cyan-800-border-color{border-color: var(--wp--preset--color--cyan-800) !important;}.has-cyan-900-border-color{border-color: var(--wp--preset--color--cyan-900) !important;}.has-cyan-950-border-color{border-color: var(--wp--preset--color--cyan-950) !important;}.has-sky-50-border-color{border-color: var(--wp--preset--color--sky-50) !important;}.has-sky-100-border-color{border-color: var(--wp--preset--color--sky-100) !important;}.has-sky-200-border-color{border-color: var(--wp--preset--color--sky-200) !important;}.has-sky-300-border-color{border-color: var(--wp--preset--color--sky-300) !important;}.has-sky-400-border-color{border-color: var(--wp--preset--color--sky-400) !important;}.has-sky-500-border-color{border-color: var(--wp--preset--color--sky-500) !important;}.has-sky-600-border-color{border-color: var(--wp--preset--color--sky-600) !important;}.has-sky-700-border-color{border-color: var(--wp--preset--color--sky-700) !important;}.has-sky-800-border-color{border-color: var(--wp--preset--color--sky-800) !important;}.has-sky-900-border-color{border-color: var(--wp--preset--color--sky-900) !important;}.has-sky-950-border-color{border-color: var(--wp--preset--color--sky-950) !important;}.has-blue-50-border-color{border-color: var(--wp--preset--color--blue-50) !important;}.has-blue-100-border-color{border-color: var(--wp--preset--color--blue-100) !important;}.has-blue-200-border-color{border-color: var(--wp--preset--color--blue-200) !important;}.has-blue-300-border-color{border-color: var(--wp--preset--color--blue-300) !important;}.has-blue-400-border-color{border-color: var(--wp--preset--color--blue-400) !important;}.has-blue-500-border-color{border-color: var(--wp--preset--color--blue-500) !important;}.has-blue-600-border-color{border-color: var(--wp--preset--color--blue-600) !important;}.has-blue-700-border-color{border-color: var(--wp--preset--color--blue-700) !important;}.has-blue-800-border-color{border-color: var(--wp--preset--color--blue-800) !important;}.has-blue-900-border-color{border-color: var(--wp--preset--color--blue-900) !important;}.has-blue-950-border-color{border-color: var(--wp--preset--color--blue-950) !important;}.has-indigo-50-border-color{border-color: var(--wp--preset--color--indigo-50) !important;}.has-indigo-100-border-color{border-color: var(--wp--preset--color--indigo-100)
2783!important;}.has-indigo-200-border-color{border-color: var(--wp--preset--color--indigo-200) !important;}.has-indigo-300-border-color{border-color: var(--wp--preset--color--indigo-300) !important;}.has-indigo-400-border-color{border-color: var(--wp--preset--color--indigo-400) !important;}.has-indigo-500-border-color{border-color: var(--wp--preset--color--indigo-500) !important;}.has-indigo-600-border-color{border-color: var(--wp--preset--color--indigo-600) !important;}.has-indigo-700-border-color{border-color: var(--wp--preset--color--indigo-700) !important;}.has-indigo-800-border-color{border-color: var(--wp--preset--color--indigo-800) !important;}.has-indigo-900-border-color{border-color: var(--wp--preset--color--indigo-900) !important;}.has-indigo-950-border-color{border-color: var(--wp--preset--color--indigo-950) !important;}.has-violet-50-border-color{border-color: var(--wp--preset--color--violet-50) !important;}.has-violet-100-border-color{border-color: var(--wp--preset--color--violet-100) !important;}.has-violet-200-border-color{border-color: var(--wp--preset--color--violet-200) !important;}.has-violet-300-border-color{border-color: var(--wp--preset--color--violet-300) !important;}.has-violet-400-border-color{border-color: var(--wp--preset--color--violet-400) !important;}.has-violet-500-border-color{border-color: var(--wp--preset--color--violet-500) !important;}.has-violet-600-border-color{border-color: var(--wp--preset--color--violet-600) !important;}.has-violet-700-border-color{border-color: var(--wp--preset--color--violet-700) !important;}.has-violet-800-border-color{border-color: var(--wp--preset--color--violet-800) !important;}.has-violet-900-border-color{border-color: var(--wp--preset--color--violet-900) !important;}.has-violet-950-border-color{border-color: var(--wp--preset--color--violet-950) !important;}.has-purple-50-border-color{border-color: var(--wp--preset--color--purple-50) !important;}.has-purple-100-border-color{border-color: var(--wp--preset--color--purple-100) !important;}.has-purple-200-border-color{border-color: var(--wp--preset--color--purple-200) !important;}.has-purple-300-border-color{border-color: var(--wp--preset--color--purple-300) !important;}.has-purple-400-border-color{border-color: var(--wp--preset--color--purple-400) !important;}.has-purple-500-border-color{border-color: var(--wp--preset--color--purple-500) !important;}.has-purple-600-border-color{border-color: var(--wp--preset--color--purple-600) !important;}.has-purple-700-border-color{border-color: var(--wp--preset--color--purple-700) !important;}.has-purple-800-border-color{border-color: var(--wp--preset--color--purple-800) !important;}.has-purple-900-border-color{border-color: var(--wp--preset--color--purple-900) !important;}.has-purple-950-border-color{border-color: var(--wp--preset--color--purple-950) !important;}.has-fuchsia-50-border-color{border-color: var(--wp--preset--color--fuchsia-50) !important;}.has-fuchsia-100-border-color{border-color: var(--wp--preset--color--fuchsia-100) !important;}.has-fuchsia-200-border-color{border-color: var(--wp--preset--color--fuchsia-200) !important;}.has-fuchsia-300-border-color{border-color: var(--wp--preset--color--fuchsia-300) !important;}.has-fuchsia-400-border-color{border-color: var(--wp--preset--color--fuchsia-400) !important;}.has-fuchsia-500-border-color{border-color: var(--wp--preset--color--fuchsia-500) !important;}.has-fuchsia-600-border-color{border-color: var(--wp--preset--color--fuchsia-600) !important;}.has-fuchsia-700-border-color{border-color: var(--wp--preset--color--fuchsia-700) !important;}.has-fuchsia-800-border-color{border-color: var(--wp--preset--color--fuchsia-800) !important;}.has-fuchsia-900-border-color{border-color: var(--wp--preset--color--fuchsia-900) !important;}.has-fuchsia-950-border-color{border-color: var(--wp--preset--color--fuchsia-950) !important;}.has-pink-50-border-color{border-color: var(--wp--preset--color--pink-50) !important;}.has-pink-100-border-color{border-color: var(--wp--preset--color--pink-100) !important;}.has-pink-200-border-color{border-color: var(--wp--preset--color--pink-200) !important;}.has-pink-300-border-color{border-color: var(--wp--preset--color--pink-300) !important;}.has-pink-400-border-color{border-color: var(--wp--preset--color--pink-400) !important;}.has-pink-500-border-color{border-color: var(--wp--preset--color--pink-500) !important;}.has-pink-600-border-color{border-color: var(--wp--preset--color--pink-600) !important;}.has-pink-700-border-color{border-color: var(--wp--preset--color--pink-700) !important;}.has-pink-800-border-color{border-color: var(--wp--preset--color--pink-800) !important;}.has-pink-900-border-color{border-color: var(--wp--preset--color--pink-900) !important;}.has-pink-950-border-color{border-color: var(--wp--preset--color--pink-950) !important;}.has-rose-50-border-color{border-color: var(--wp--preset--color--rose-50) !important;}.has-rose-100-border-color{border-color: var(--wp--preset--color--rose-100) !important;}.has-rose-200-border-color{border-color: var(--wp--preset--color--rose-200) !important;}.has-rose-300-border-color{border-color: var(--wp--preset--color--rose-300) !important;}.has-rose-400-border-color{border-color: var(--wp--preset--color--rose-400) !important;}.has-rose-500-border-color{border-color: var(--wp--preset--color--rose-500) !important;}.has-rose-600-border-color{border-color: var(--wp--preset--color--rose-600) !important;}.has-rose-700-border-color{border-color: var(--wp--preset--color--rose-700) !important;}.has-rose-800-border-color{border-color: var(--wp--preset--color--rose-800) !important;}.has-rose-900-border-color{border-color: var(--wp--preset--color--rose-900) !important;}.has-rose-950-border-color{border-color: var(--wp--preset--color--rose-950) !important;}.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-primary-content-border-color{border-color: var(--wp--preset--color--primary-content) !important;}.has-secondary-border-color{border-color: var(--wp--preset--color--secondary) !important;}.has-secondary-content-border-color{border-color: var(--wp--preset--color--secondary-content) !important;}.has-accent-border-color{border-color: var(--wp--preset--color--accent) !important;}.has-accent-content-border-color{border-color: var(--wp--preset--color--accent-content) !important;}.has-neutral-content-border-color{border-color: var(--wp--preset--color--neutral-content) !important;}.has-base-100-border-color{border-color: var(--wp--preset--color--base-100) !important;}.has-base-200-border-color{border-color: var(--wp--preset--color--base-200) !important;}.has-base-300-border-color{border-color: var(--wp--preset--color--base-300) !important;}.has-base-content-border-color{border-color: var(--wp--preset--color--base-content) !important;}.has-info-border-color{border-color: var(--wp--preset--color--info) !important;}.has-info-content-border-color{border-color: var(--wp--preset--color--info-content) !important;}.has-success-border-color{border-color: var(--wp--preset--color--success) !important;}.has-success-content-border-color{border-color: var(--wp--preset--color--success-content) !important;}.has-warning-border-color{border-color: var(--wp--preset--color--warning) !important;}.has-warning-content-border-color{border-color: var(--wp--preset--color--warning-content) !important;}.has-error-border-color{border-color: var(--wp--preset--color--error) !important;}.has-error-content-border-color{border-color: var(--wp--preset--color--error-content) !important;}.has-neutral-50-border-color{border-color: var(--wp--preset--color--neutral-50) !important;}.has-neutral-100-border-color{border-color: var(--wp--preset--color--neutral-100) !important;}.has-neutral-200-border-color{border-color: var(--wp--preset--color--neutral-200) !important;}.has-neutral-300-border-color{border-color: var(--wp--preset--color--neutral-300) !important;}.has-neutral-400-border-color{border-color: var(--wp--preset--color--neutral-400) !important;}.has-neutral-500-border-color{border-color: var(--wp--preset--color--neutral-500) !important;}.has-neutral-600-border-color{border-color: var(--wp--preset--color--neutral-600) !important;}.has-neutral-700-border-color{border-color: var(--wp--preset--color--neutral-700) !important;}.has-neutral-800-border-color{border-color: var(--wp--preset--color--neutral-800) !important;}.has-neutral-900-border-color{border-color: var(--wp--preset--color--neutral-900) !important;}.has-neutral-950-border-color{border-color: var(--wp--preset--color--neutral-950) !important;}.has-bati-border-color{border-color: var(--wp--preset--color--bati) !important;}.has-agri-border-color{border-color: var(--wp--preset--color--agri) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
2783.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-xs-font-size{font-size: var(--wp--preset--font-size--xs) !important;}.has-sm-font-size{font-size: var(--wp--preset--font-size--sm) !important;}.has-base-font-size{font-size: var(--wp--preset--font-size--base) !important;}.has-lg-font-size{font-size: var(--wp--preset--font-size--lg) !important;}.has-xl-font-size{font-size: var(--wp--preset--font-size--xl) !important;}.has-2-xl-font-size{font-size: var(--wp--preset--font-size--2-xl) !important;}.has-3-xl-font-size{font-size: var(--wp--preset--font-size--3-xl) !important;}.has-4-xl-font-size{font-size: var(--wp--preset--font-size--4-xl) !important;}.has-5-xl-font-size{font-size: var(--wp--preset--font-size--5-xl) !important;}.has-6-xl-font-size{font-size: var(--wp--preset--font-size--6-xl) !important;}.has-7-xl-font-size{font-size: var(--wp--preset--font-size--7-xl) !important;}.has-8-xl-font-size{font-size: var(--wp--preset--font-size--8-xl) !important;}.has-9-xl-font-size{font-size: var(--wp--preset--font-size--9-xl) !important;}.has-sans-font-family{font-family: var(--wp--preset--font-family--sans) !important;} 2784/*# sourceURL=global-styles-inline-css */ 2785</style>
2786<script src="https://vipros.fr/app/themes/vipros/resources/scripts/libraries/swiper.min.js?ver=11.0.0" id="swiper-js-js"></script>
vendor: 1 bytes, line 2786
2786
2787<script id="cmplz-cookiebanner-js-extra"> 2788var complianz = {"prefix":"cmplz_","debug":"","user_banner_id":"1","set_cookies":[],"block_ajax_content":"0","banner_version":"31","version":"7.5.5","store_consent":"","do_not_track_enabled":"","consenttype":"optin","region":"eu","geoip":"","dismiss_timeout":"","disable_cookiebanner":"","soft_cookiewall":"","dismiss_on_scroll":"","cookie_expiry":"365","url":"https://vipros.fr/wp-json/complianz/v1/","locale":"lang=fr&locale=fr_FR","set_cookies_on_root":"0","cookie_domain":"","current_policy_id":"36","cookie_path":"/","categories":{"statistics":"statistics","marketing":"marketing"},"tcf_active":"","placeholdertext":"Click to accept {category} cookies and enable this content","css_file":"https://vipros.fr/app/uploads/complianz/css/banner-{banner_id}-{type}.css?v=31","page_links":{"eu":{"cookie-statement":{"title":"Cookies","url":"https://vipros.fr/cookies/"},"privacy-statement":{"title":"Politique de protection des donn\u00e9es \u00e0 caract\u00e8re personnel","url":"https://vipros.fr/protection-des-donnees-personnelles/"}}},"tm_categories":"","forceEnableStats":"","preview":"","clean_cookies":"","aria_label":"Click to accept {category} cookies and enable this content","iapi_nav":"fallback"}; 2789//# sourceURL=cmplz-cookiebanner-js-extra 2790</script>
vendor: 1 bytes, line 2790
2790
2791<script data-navigate-once defer src="https://vipros.fr/app/plugins/complianz-gdpr/cookiebanner/js/complianz.min.js?ver=1784883254" id="cmplz-cookiebanner-js"></script>
vendor: 101 bytes, lines 2791-2793
2791 2792 <script async data-category="statistics" 2793 src="https://www.googletagmanager.com/gtag/js?id=
2793G-9PBB6CYKW9
vendor: 18 bytes, lines 2793-2794
2793"></script> 2794
2794<!-- Statistics script Complianz GDPR/CCPA --> 2795
2795<script type="text/plain" data-category="statistics">window['gtag_enable_tcf_support'] = false;
vendor: 127 bytes, lines 2796-2799
2796window.dataLayer = window.dataLayer || []; 2797function gtag(){dataLayer.push(arguments);} 2798gtag('js', new Date()); 2799gtag('config', '
2799G-9PBB6CYKW9
vendor: 49 bytes, lines 2799-2802
2799', { 2800 cookie_flags:'secure;samesite=none', 2801 2802});
2803</script>
2803 2804
2804<script type="text/plain" data-category="marketing">window.dataLayer = window.dataLayer || []; 2805function gtag(){dataLayer.push(arguments);} 2806gtag('js', new Date()); 2807gtag('config', '' ); 2808gtag('config', 'GTM-K7GZ7RK7', { 2809 cookie_flags:'secure;samesite=none' 2810}); 2811</script>
2811 2812 <div> 2813 <div x-persist="mary-toaster"> 2814 <div 2815 x-cloak 2816 x-data="{ 2817 show: false, 2818 toast: {}, 2819 timer: null, 2820 interval: null, 2821 2822 maxProgress: 100, 2823 progress: 100, 2824 initialProgress: 0, 2825 2826 startTime: 0, 2827 remaining: 0, 2828 2829 start(toast) { 2830 this.clearTimers(); 2831 2832 this.toast = toast; 2833 this.progress = this.maxProgress; 2834 2835 this.remaining = toast.timeout; 2836 2837 this.initialProgress = this.progress; 2838 this.startTime = Date.now(); 2839 2840 // delay for DOM initiation 2841 setTimeout(() => this.show = true, 50); 2842 2843 this.startProgress(); 2844 this.startCloseTimer(); 2845 }, 2846 2847 startProgress() { 2848 if (this.toast.noProgress) return; 2849 2850 const intervalRefreshRate = 8; 2851 this.startTime = Date.now(); 2852 2853 const startProgressValue = this.initialProgress; 2854 2855 this.interval = setInterval(() => { 2856 const elapsed = Date.now() - this.startTime; 2857 const ratio = elapsed / this.remaining; 2858 2859 this.progress = startProgressValue * (1 - ratio); 2860 2861 if (this.progress <= 0) { 2862 this.progress = 0; 2863 clearInterval(this.interval); 2864 this.interval = null; 2865 } 2866 }, intervalRefreshRate); 2867 }, 2868 2869 startCloseTimer() { 2870 this.startTime = Date.now(); 2871 2872 this.timer = setTimeout(() => { 2873 this.close(); 2874 }, this.remaining); 2875 }, 2876 2877 pause() { 2878 if (!this.show) return; 2879 2880 const elapsed = Date.now() - this.startTime; 2881 this.remaining -= elapsed; 2882 2883 this.initialProgress = this.progress; 2884 2885 this.clearTimers(); 2886 }, 2887 2888 resume() { 2889 if (!this.show || this.remaining <= 0) return; 2890 2891 this.startProgress(); 2892 this.startCloseTimer(); 2893 }, 2894 2895 close() { 2896 this.show = false; 2897 this.clearTimers(); 2898 }, 2899 2900 clearTimers() { 2901 clearTimeout(this.timer); 2902 clearInterval(this.interval); 2903 this.timer = null; 2904 this.interval = null; 2905 } 2906 }" 2907 @mary-toast.window="start($event.detail.toast)" 2908 > 2909 <div 2910 class="toast !whitespace-normal rounded-box fixed cursor-pointer z-[999] overflow-hidden" 2911 :class="toast.position || 'toast-top toast-center'" 2912 x-show="show" 2913 @mouseenter="pause()" 2914 @mouseleave="resume()" 2915 x-classes="alert alert-success alert-warning alert-error alert-info top-10 end-10 toast toast-top toast-bottom toast-center toast-end toast-middle toast-start" 2916 @click="show = false; clearInterval(interval)" 2917 > 2918 <div class="alert gap-2" :class="toast.css"> 2919 <div x-html="toast.icon" class="hidden sm:inline-block"></div> 2920 <div class="grid"> 2921 <div x-html="toast.title" class="font-bold"></div> 2922 <div x-html="toast.description" class="text-xs"></div> 2923 </div> 2924 </div> 2925 <progress 2926 x-show="!toast.noProgress" 2927 class="-mt-3 h-1 w-full progress" 2928 :class="toast.progressClass" 2929 :max="maxProgress" 2930 :value="progress"> 2931 </progress> 2932 </div> 2933 </div> 2934 2935
2935<script> 2936 window.toast = function(payload){ 2937 window.dispatchEvent(new CustomEvent('mary-toast', {detail: payload})) 2938 } 2939 2940 document.addEventListener('livewire:init', () => { 2941 Livewire.hook('request', ({fail}) => { 2942 fail(({status, content, preventDefault}) => { 2943 try { 2944 let result = JSON.parse(content); 2945 2946 if (result?.toast && typeof window.toast === "function") { 2947 window.toast(result); 2948 } 2949 2950 if ((result?.prevent_default ?? false) === true) { 2951 preventDefault(); 2952 } 2953 } catch (e) { 2954 console.log(e) 2955 } 2956 }) 2957 }) 2958 }) 2959 </script>
2959 2960 </div> 2961</div> <div wire:snapshot="{"data":{"showDrawer":false,"activeComponent":null,"componentData":[[],{"s":"arr"}],"componentKey":""},"memo":{"id":"6gDTAbhLFetZXTuG9EZh","name":"components.drawer-container","path":"\/","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"fr_FR"},"checksum":"f9a50b2618d8e714edb09934ad696136409e85023f9570a2023887ec6e3cb904"}" wire:effects="{"listeners":["openDrawer","closeDrawer"]}" wire:id="6gDTAbhLFetZXTuG9EZh"> 2962 <div 2963 x-data="{ 2964 open: 2965 window.Livewire.find('6gDTAbhLFetZXTuG9EZh').entangle('showDrawer') , 2966 close() { 2967 this.open = false 2968 $refs.checkbox.checked = false 2969 } 2970 }" 2971 2972 x-init="$watch('open', value => { if (!value){ $dispatch('close') }else{ $dispatch('open') } })" 2973 2974 @keydown.window.escape="close()" 2975 2976 x-trap="open" x-bind:inert="!open" 2977 2978 class="drawer absolute z-50 drawer-end" 2979 2980 2981 > 2982 <!-- Toggle visibility --> 2983 <input 2984 id="dynamicDrawer" 2985 x-model="open" 2986 x-ref="checkbox" 2987 type="checkbox" 2988 class="drawer-toggle" /> 2989 2990 <div class="drawer-side" > 2991 <!-- Overlay effect , click outside --> 2992 <!--[if BLOCK]><![endif]--> <label for="dynamicDrawer" class="drawer-overlay"></label> 2993 <!--[if ENDBLOCK]><![endif]--> 2994 <!-- Content --> 2995 <div 2996 class="card bg-base-100 p-5 min-h-screen rounded-none px-8 w-full max-w-xl bg-base-100" wire:key="drawer
2996-card" 2997 > 2998 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 2999 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 3000 <div class="grow-1 null"> 3001 <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 3002 <!--[if BLOCK]><![endif]--> <div class="flex items-center justify-center h-full"> 3003 <span class="loading"></span> </div> 3004 <!--[if ENDBLOCK]><![endif]--> 3005 3006 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 3007 </div> 3008 3009 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> </div> 3010 </div> </div> 3011 3012 3013
3013<script> 3014 document.addEventListener('livewire:navigate', (event) => { 3015 Livewire.dispatch('resetModalStates'); 3016 }); 3017 3018 document.addEventListener('livewire:navigating', () => { 3019 Livewire.dispatch('resetModalStates'); 3020 }); 3021 3022 document.addEventListener('livewire:navigated', () => { 3023 Livewire.dispatch('resetModalStates'); 3024 }); 3025 </script>
3025 3026</body> 3027 3028</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.