1<!DOCTYPE html><html lang="fr" data-critters-container><head><meta charset="utf-8" data-next-head><meta name="viewport" content="width=device-width, initial-scale=1" data-next-head><link rel="indexnow" href="/indexnow-168688c4fcfbdc2f58a4d94370aa4ba4.txt" data-next-head><meta name="indexnow-key" content="168688c4fcfbdc2f58a4d94370aa4ba4" data-next-head><link rel="preload" href="/icons/icon-192x192.png" as="image" data-next-head><title data-next-head>Shopes France | Assistant IA visuel pour eBay</title><meta name="description" content="Trouvez plus vite les bonnes affaires sur eBay avec Shopes France. Notre assistant IA analyse les annonces, les prix et les vendeurs sur les principales catégories en France. Téléversez une image, comparez les offres, et achetez en toute confiance." data-next-head><link rel="canonical" href="https://shopes.fr/" data-next-head><link rel="sitemap" type="application/xml" href="https://shopes.fr/sitemap.xml" data-next-head><meta name="keywords" content="assistant shopping IA, recherche visuelle, recherche par image, bons plans, comparaison de prix, assistant eBay, shopping intelligent, recommandations produits" data-next-head><meta property="og:title" content="Shopes France â Assistant d'achat IA visuel" data-next-head><meta property="og:description" content="Achetez visuellement avec une IA qui comprend les annonces eBay France, les prix et les vendeurs. Téléversez une photo, explorez les catégories et comparez les offres." data-next-head><meta property="og:url" content="https://shopes.fr/" data-next-head><meta property="og:type" content="website" data-next-head><meta property="og:image" content="https://shopes.fr/icons/logo.svg" data-next-head><meta property="og:image:secure_url" content="https://shopes.fr/icons/logo.svg" data-next-head><meta property="og:image:alt" content="Shopes" data-next-head><meta property="og:image:width" content="1200" data-next-head><meta property="og:image:height" content="630" data-next-head><meta property="og:site_name" content="Shopes" data-next-head><meta property="og:locale" content="fr_FR" data-next-head><meta name="twitter:card" content="summary_large_image" data-next-head><meta name="twitter:site" content="@shopes_fr" data-next-head><meta name="twitter:title" content="Shopes France â Assistant d'achat IA visuel" data-next-head><meta name="twitter:description" content="Achetez visuellement avec une IA qui comprend les annonces eBay France, les prix et les vendeurs. Téléversez une photo, explorez les catégories et comparez les offres." data-next-head><meta name="twitter:image" content="https://shopes.fr/icons/logo.svg" data-next-head><meta name="twitter:image:alt" content="Shopes" data-next-head><meta name="theme-color" content="#6366f1" data-next-head><meta name="msapplication-TileColor" content="#6366f1" data-next-head><meta name="apple-mobile-web-app-capable" content="yes" data-next-head><meta name="apple-mobile-web-app-status-bar-style" content="default" data-next-head><meta name="apple-mobile-web-app-title" content="Shopes" data-next-head><meta name="application-name" content="Shopes" data-next-head><meta name="msapplication-tooltip" content="Comparez et trouvez les meilleures offres" data-next-head><meta name="msapplication-starturl" content="/" data-next-head><meta property="og:locale:alternate" content="fr_CA" data-next-head><meta property="business:contact_data:locality" content="Paris" data-next-head><meta property="business:contact_data:region" content="Ãle-de-France" data-next-head><meta property="business:contact_data:country_name" content="France" data-next-head><meta name="geo.region" content="FR" data-next-head><meta name="geo.placename" content="France" data-next-head><meta name="DC.title" content="Shopes - Shopping en ligne" data-next-head><meta name="DC.subject" content="shopping en ligne, ecommerce, bons plans" data-next-head><meta name="DC.description" content="Comparez et trouvez les meilleures offres sur eBay" data-next-head><meta name="DC.type" content="Service" data-next-head><meta name="DC.format" content="text/html" data-next-head><meta name="DC.identifier" content="https://shopes.fr" data-next-head><meta name="DC.language" content="fr-FR" data-next-head><meta name="DC.coverage" content="France" data-next-head><meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" data-next-head><meta http-equiv="Content-Security-Policy" content="default-src * 'unsafe-inline' 'unsafe-eval' data: blob:; img-src * data: blob: 'self' https: http:; connect-src *; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval';"><meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"><meta http-equiv="Access-Control-Allow-Origin" content="*"><link rel="icon" type="image/png" sizes="32x32" href="/icons/icon-32x32.png?v=7"><link rel="icon" type="image/png" sizes="16x16" href="/icons/icon-16x16.png?v=7"><link rel="icon" type="image/png" sizes="192x192" href="/icons/icon-192x192.png?v=7"><link rel="icon" type="image/png" sizes="512x512" href="/icons/icon-512x512.png?v=7"><link rel="shortcut icon" href="/favicon.ico?v=7"><link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon-180x180.png?v=7"><link rel="manifest" href="/manifest.json?v=8"><meta name="theme-color" content="#f5c142"><meta name="application-name" content="Shopes"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta name="apple-mobile-web-app-title" content="Shopes"><meta name="msapplication-TileColor" content="#f5c142"><meta name="msapplication-TileImage" content="/icons/mstile-150x150.png?v=7"><meta name="msapplication-config" content="/browserconfig.xml?v=7">
1<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"><link rel="preconnect" href="https://shopes.fr"><link rel="dns-prefetch" href="https://shopes.fr"><link rel="dns-prefetch" href="https://scripts.simpleanalyticscdn.com"><link rel="dns-prefetch" href="https://queue.simpleanalyticscdn.com"><link rel="preload" href="/_next/static/media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust">
1<script type="application/ld+json" data-next-head>{ 2 "@context": "https://schema.org", 3 "@type": "WebSite", 4 "@id": "https://shopes.fr/#website", 5 "url": "https://shopes.fr", 6 "name": "Shopes", 7 "description": "Découvrez et examinez des annonces avant de poursuivre votre achat auprès du vendeur.", 8 "inLanguage": "fr-FR", 9 "publisher": { 10 "@id": "https://shopes.fr/#organization" 11 }, 12 "potentialAction": { 13 "@type": "SearchAction", 14 "target": { 15 "@type": "EntryPoint", 16 "urlTemplate": "https://shopes.fr/search?q={search_term_string}" 17 }, 18 "query-input": "required name=search_term_string" 19 } 20}</script>
20<script type="application/ld+json" data-next-head>{ 21 "@context": "https://schema.org", 22 "@type": "Organization", 23 "@id": "https://shopes.fr/#organization", 24 "name": "Shopes", 25 "url": "https://shopes.fr", 26 "logo": "https://shopes.fr/icons/logo.svg" 27}</script>
27<script type="application/ld+json" data-next-head>{ 28 "@context": "https://schema.org", 29 "@type": "WebPageElement", 30 "@id": "https://shopes.fr/#navigation", 31 "name": "Navigation principale", 32 "description": "Navigation principale du site avec les catégories de produits", 33 "isPartOf": { 34 "@id": "https://shopes.fr/#webpage" 35 }, 36 "hasPart": [ 37 { 38 "@type": "SiteNavigationElement", 39 "@id": "https://shopes.fr/#nav-1281", 40 "name": "Animalerie", 41 "url": "https://shopes.fr/category/root/animalerie", 42 "position": 1 43 }, 44 { 45 "@type": "SiteNavigationElement", 46 "@id": "https://shopes.fr/#nav-353", 47 "name": "Art, antiquités", 48 "url": "https://shopes.fr/category/root/art-antiquites", 49 "position": 2 50 }, 51 { 52 "@type": "SiteNavigationElement", 53 "@id": "https://shopes.fr/#nav-131090", 54 "name": "Auto, moto - pièces, accessoires", 55 "url": "https://shopes.fr/category/root/auto-moto-pieces-accessoires", 56 "position": 3 57 }, 58 { 59 "@type": "SiteNavigationElement", 60 "@id": "https://shopes.fr/#nav-9800", 61 "name": "Auto, moto - véhicules", 62 "url": "https://shopes.fr/category/root/auto-moto-vehicules", 63 "position": 4 64 }, 65 { 66 "@type": "SiteNavigationElement", 67 "@id": "https://shopes.fr/#nav-1293", 68 "name": "Bateaux, voile, nautisme", 69 "url": "https://shopes.fr/category/root/bateaux-voile-nautisme", 70 "position": 5 71 }, 72 { 73 "@type": "SiteNavigationElement", 74 "@id": "https://shopes.fr/#nav-26395", 75 "name": "Beauté, bien-être, parfums", 76 "url": "https://shopes.fr/category/root/beaute-bien-etre-parfums", 77 "position": 6 78 }, 79 { 80 "@type": "SiteNavigationElement", 81 "@id": "https://shopes.fr/#nav-2984", 82 "name": "Bébé, puériculture", 83 "url": "https://shopes.fr/category/root/bebe-puericulture", 84 "position": 7 85 }, 86 { 87 "@type": "SiteNavigationElement", 88 "@id": "https://shopes.fr/#nav-281", 89 "name": "Bijoux, montres", 90 "url": "https://shopes.fr/category/root/bijoux-montres", 91 "position": 8 92 }, 93 { 94 "@type": "SiteNavigationElement", 95 "@id": "https://shopes.fr/#nav-3187", 96 "name": "Bricolage", 97 "url": "https://shopes.fr/category/root/bricolage", 98 "position": 9 99 }, 100 { 101 "@type": "SiteNavigationElement", 102 "@id": "https://shopes.fr/#nav-870", 103 "name": "Céramiques, verres", 104 "url": "https://shopes.fr/category/root/ceramiques-verres", 105 "position": 10 106 }, 107 { 108 "@type": "SiteNavigationElement", 109 "@id": "https://shopes.fr/#nav-1", 110 "name": "Collections", 111 "url": "https://shopes.fr/category/root/collections", 112 "position": 11 113 }, 114 { 115 "@type": "SiteNavigationElement", 116 "@id": "https://shopes.fr/#nav-11232", 117 "name": "DVD, cinéma", 118 "url": "https://shopes.fr/category/root/dvd-cinema", 119 "position": 12 120 }, 121 { 122 "@type": "SiteNavigationElement",
123 "@id": "https://shopes.fr/#nav-20710", 124 "name": "Ãlectroménager", 125 "url": "https://shopes.fr/category/root/electromenager", 126 "position": 13 127 }, 128 { 129 "@type": "SiteNavigationElement", 130 "@id": "https://shopes.fr/#nav-12576", 131 "name": "Ãquipements professionnels", 132 "url": "https://shopes.fr/category/root/equipements-professionnels", 133 "position": 14 134 }, 135 { 136 "@type": "SiteNavigationElement", 137 "@id": "https://shopes.fr/#nav-14308", 138 "name": "Gastronomie, boissons", 139 "url": "https://shopes.fr/category/root/gastronomie-boissons", 140 "position": 15 141 } 142 ] 143}</script>
143<style> 144 /* Prevent layout shift from font loading */ 145 * { font-display: swap; } 146 body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; } 147 </style>
147<script src="/_next/static/chunks/15xhzse20sb57.js" defer></script>
147<script src="/_next/static/chunks/118qk1ozgpru1.js" defer></script>
147<script src="/_next/static/chunks/1h534k1kdzrbi.js" defer></script>
147<script src="/_next/static/chunks/0345rue9qshxw.js" defer></script>
147<script src="/_next/static/chunks/turbopack-1soq6kg0o2zk6.js" defer></script>
147<script src="/_next/static/chunks/40sbu8exbva06.js" defer></script>
147<script src="/_next/static/chunks/0zjrq5xrkxjq7.js" defer></script>
147<script src="/_next/static/chunks/1hjohcb8ktcwu.js" defer></script>
147<script src="/_next/static/chunks/046by1fmvo845.js" defer></script>
147<script src="/_next/static/chunks/1g--q9kmq4ov_.js" defer></script>
147<script src="/_next/static/chunks/3tb3fbm2w2x_v.js" defer></script>
147<script src="/_next/static/chunks/turbopack-2fk1lrt5tvp_k.js" defer></script>
147<script src="/_next/static/RKOETzWgKMkSPKH-M3d-j/_buildManifest.js" defer></script>
147<script src="/_next/static/RKOETzWgKMkSPKH-M3d-j/_ssgManifest.js" defer></script>
147<script src="/_next/static/RKOETzWgKMkSPKH-M3d-j/_clientMiddlewareManifest.js" defer></script>
147<style>*,:before,:after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}h1,h2,h3{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}button,input{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button{text-transform:none}button{-webkit-appearance:button;background-color:#0000;background-image:none}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}input::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder{opacity:1;color:#9ca3af}button{cursor:pointer}img,svg{vertical-align:middle;display:block}img{max-width:100%;height:auto}input:where([type=search]){appearance:none;--tw-shadow:0 0 #0000;background-color:#fff;border-width:1px;border-color:#6b7280;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}input:where([type=search]):focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
147dow);border-color:#2563eb;outline:2px solid #0000}input::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder{color:#6b7280;opacity:1}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-y-0{top:0;bottom:0}.bottom-3{bottom:.75rem}.left-2{left:.5rem}.left-3{left:.75rem}.right-0{right:0}.right-3{right:.75rem}.top-0{top:0}.top-1\/2{top:50%}.z-40{z-index:40}.z-50{z-index:50}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.mt-10{margin-top:2.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-3{height:.75rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.max-h-\[min\(17rem\,calc\(100vh-7rem\)\)\]{max-height:min(17rem,100vh - 7rem)}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[min\(22rem\,calc\(100vw-1\.25rem\)\)\]{width:min(22rem,100vw - 1.25rem)}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[220px\]{min-width:220px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-6xl{max-width:72rem}.max-w-\[13rem\]{max-width:13rem}.max-w-full{max-width:100%}.max-w-xl{max-width:36rem}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{-webkit-user-select:none;user-select:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-2{row-gap:.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[0\.85rem\]{border-radius:.85rem}.rounded-\[0\.9rem\]{border-radius:.9rem}.rounded-\[1\.2rem\]{border-radius:1.2rem}.rounded-\[1rem\]{border-radius:1rem}.rounded-full{border-radius:9999px}
147.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-white\/10{border-color:#ffffff1a}.border-white\/15{border-color:#ffffff26}.border-white\/20{border-color:#fff3}.bg-black\/15{background-color:#00000026}.bg-blue-400{--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-gray-900\/95{background-color:#111827f2}.bg-green-400{--tw-bg-opacity:1;background-color:rgb(74 222 128/var(--tw-bg-opacity,1))}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.bg-red-400{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-white\/5{background-color:#ffffff0d}.bg-white\/\[0\.08\]{background-color:#ffffff14}.bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.from-green-500{--tw-gradient-from:#22c55e var(--tw-gradient-from-position);--tw-gradient-to:#22c55e00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-50{--tw-gradient-from:#eef2ff var(--tw-gradient-from-position);--tw-gradient-to:#eef2ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-500{--tw-gradient-from:#6366f1 var(--tw-gradient-from-position);--tw-gradient-to:#6366f100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-600{--tw-gradient-from:#4f46e5 var(--tw-gradient-from-position);--tw-gradient-to:#4f46e500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-500{--tw-gradient-from:#ec4899 var(--tw-gradient-from-position);--tw-gradient-to:#ec489900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-600{--tw-gradient-from:#db2777 var(--tw-gradient-from-position);--tw-gradient-to:#db277700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-600{--tw-gradient-from:#9333ea var(--tw-gradient-from-position);--tw-gradient-to:#9333ea00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-400{--tw-gradient-from:#facc15 var(--tw-gradient-from-position);--tw-gradient-to:#facc1500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-purple-50{--tw-gradient-to:#faf5ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #faf5ff var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-purple-600{--tw-gradient-to:#9333ea00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #9333ea var(--tw-gradient-via-p
147osition), var(--tw-gradient-to)}.to-amber-500{--tw-gradient-to:#f59e0b var(--tw-gradient-to-position)}.to-blue-500{--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to:#f97316 var(--tw-gradient-to-position)}.to-pink-50{--tw-gradient-to:#fdf2f8 var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to:#ec4899 var(--tw-gradient-to-position)}.to-pink-600{--tw-gradient-to:#db2777 var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.to-red-500{--tw-gradient-to:#ef4444 var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-5{padding:1.25rem}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pl-12{padding-left:3rem}.pr-1{padding-right:.25rem}.pr-12{padding-right:3rem}.pt-0\.5{padding-top:.125rem}.pt-2{padding-top:.5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[0\.58rem\]{font-size:.58rem}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-\[1\.05\]{line-height:1.05}.tracking-\[0\.24em\]{letter-spacing:.24em}.tracking-tight{letter-spacing:-.025em}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-pink-600{--tw-text-opacity:1;color:rgb(219 39 119/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-transparent{color:#0000}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/70{color:#ffffffb3}.text-white\/75{color:#ffffffbf}.text-white\/85{color:#ffffffd9}.text-white\/95{color:#fffffff2}.text-yellow-300{--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
147--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-sha
147dow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-slate-900\/20{--tw-shadow-color:#0f172a33;--tw-shadow:var(--tw-shadow-colored)}.backdrop-blur{--tw-backdrop-blur:blur(8px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--primary-color:#4f46e5;--primary-dark:#4338ca;--primary-light:#6366f1;--secondary-color:#8b5cf6;--background-color:#f8fafc;--card-bg:#fff;--filter-bg:#f1f5f9}body{background-color:var(--background-color)}@media (max-width:1024px){button:focus-visible,a:focus-visible{outline-offset:2px;border-radius:.375rem;outline:2px solid #4f46e5}}.hover\:-translate-y-1:hover{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-blue-200:hover{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity,1))}.hover\:bg-indigo-50:hover{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity,1))}.hover\:bg-slate-700:hover{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/15:hover{background-color:#ffffff26}.hover\:bg-yellow-500:hover{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.hover\:from-indigo-700:hover{--tw-gradient-from:#4338ca var(--tw-gradient-from-position);--tw-gradient-to:#4338ca00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-yellow-500:hover{--tw-gradient-from:#eab308 var(--tw-gradient-from-position);--tw-gradient-to:#eab30800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-amber-600:hover{--tw-gradient-to:#d97706 var(--tw-gradient-to-position)}.hover\:to-purple-700:hover{--tw-gradient-to:#7e22ce var(--tw-gradient-to-position)}.hover\:text-amber-800:hover{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.hover\:text-indigo-700:hover{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1))}.hover\:text-indigo-800:hover{--tw-text-opacity:1;color:rgb(55 48 163/var(--tw-text-opacity,1))}.hover\:text-pink-800:hover{--tw-text-opacity:1;color:rgb(157 23 77/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:text-yellow-200:hover{--tw-text-opacity:1;color:rgb(254 240 138/var(--tw-text-opacity,1))}.hover\:text-yellow-300:hover{--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity,1))}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
147--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.focus\:not-sr-only:focus{clip:auto;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:fixed:focus{position:fixed}.focus\:left-2:focus{left:.5rem}.focus\:top-2:focus{top:.5rem}.focus\:z-50:focus{z-index:50}.focus\:bg-white:focus{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.focus\:px-4:focus{padding-left:1rem;padding-right:1rem}.focus\:py-2:focus{padding-top:.5rem;padding-bottom:.5rem}.focus\:text-indigo-700:focus{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1))}.focus\:shadow-lg:focus{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-sha
147dow)}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-indigo-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(79 70 229/var(--tw-ring-opacity,1))}.focus\:ring-yellow-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(250 204 21/var(--tw-ring-opacity,1))}.focus-visible\:outline-none:focus-visible{outline-offset:2px;outline:2px solid #0000}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-indigo-400:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(129 140 248/var(--tw-ring-opacity,1))}.focus-visible\:ring-slate-400:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(148 163 184/var(--tw-ring-opacity,1))}.focus-visible\:ring-yellow-300:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity,1))}.focus-visible\:ring-yellow-400:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(250 204 21/var(--tw-ring-opacity,1))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-indigo-700:focus-visible{--tw-ring-offset-color:#4338ca}.group:hover .group-hover\:shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
147--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}@media (prefers-reduced-motion:no-preference){}@media (min-width:640px){.sm\:bottom-0{bottom:0}.sm\:left-0{left:0}.sm\:right-0{right:0}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mx-4{margin-left:1rem;margin-right:1rem}.sm\:mb-12{margin-bottom:3rem}.sm\:mr-4{margin-right:1rem}.sm\:mt-12{margin-top:3rem}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:hidden{display:none}.sm\:h-14{height:3.5rem}.sm\:h-52{height:13rem}.sm\:h-7{height:1.75rem}.sm\:h-8{height:2rem}.sm\:w-12{width:3rem}.sm\:w-14{width:3.5rem}.sm\:w-7{width:1.75rem}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-4{gap:1rem}.sm\:gap-6{gap:1.5rem}.sm\:whitespace-nowrap{white-space:nowrap}.sm\:rounded-none{border-radius:0}.sm\:border-x-0{border-left-width:0;border-right-width:0}.sm\:border-b-0{border-bottom-width:0}.sm\:p-6{padding:1.5rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:last\:col-span-2:last-child{grid-column:span 2/span 2}}@media (min-width:768px){.md\:mb-0{margin-bottom:0}.md\:mb-5{margin-bottom:1.25rem}.md\:flex{display:flex}.md\:hidden{display:none}.md\:min-w-\[240px\]{min-width:240px}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:gap-2{gap:.5rem}.md\:gap-8{gap:2rem}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.md\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.md\:py-3{padding-top:.75rem;padding-bottom:.75rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:mt-6{margin-top:1.5rem}.lg\:mt-8{margin-top:2rem}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:h-16{height:4rem}.lg\:h-64{height:16rem}.lg\:h-8{height:2rem}.lg\:w-1\/2{width:50%}.lg\:w-16{width:4rem}.lg\:w-8{width:2rem}.lg\:max-w-xl{max-width:36rem}.lg\:flex-1{flex:1}.lg\:-rotate-1{--tw-rotate:-1deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:-rotate-2{--tw-rotate:-2deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:rotate-1{--tw-rotate:1deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:rotate-2{--tw-rotate:2deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-end{justify-content:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:gap-2\.5{gap:.625rem}.lg\:gap-3{gap:.75rem}.lg\:gap-4{gap:1rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:py-12{padding-top:3rem;padding-bottom:3rem}.lg\:py-16{padding-top:4rem;padding-bottom:4rem}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-\[13px\]{font-size:13px}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}.lg\:leading-8{line-height:2rem}}@media (min-width:1280px){.xl\:col-span-1{grid-column:span 1/span 1}.xl\:max-w-2xl{max-width:42rem}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:gap-8{gap:2rem}.xl\:text-6xl{font-size:3.75rem;line-height:1}.xl\:last\:col-span-1:last-child{grid-column:span 1/span 1}}body:not(.yarl-open) img{backface-visibility:hidden;transform:translateZ(0)}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}button{min-height:40px}img{max-width:100%;height:auto;display:block}section{padding-top:2rem;padding-bottom:2rem}@media (min-width:768px){section{padding-top:4rem;padding-bottom:4rem}}input{min-height:40px}h1{min-height:2.5rem;line-height:1.2}h2{min-height:2rem;line-height:1.3}h3{min-height:1.75rem;line-height:1.4}*,:before,:after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;
147--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}h1,h2,h3{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}button,input{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button{text-transform:none}button{-webkit-appearance:button;background-color:#0000;background-image:none}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}input::placeholder{opacity:1;color:#9ca3af}button{cursor:pointer}img,svg{vertical-align:middle;display:block}img{max-width:100%;height:auto}input:where([type=search]){appearance:none;--tw-shadow:0 0 #0000;background-color:#fff;border-width:1px;border-color:#6b7280;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}input:where([type=search]):focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
147dow);border-color:#2563eb;outline:2px solid #0000}input::placeholder{color:#6b7280;opacity:1}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-y-0{top:0;bottom:0}.bottom-3{bottom:.75rem}.left-2{left:.5rem}.left-3{left:.75rem}.right-0{right:0}.right-3{right:.75rem}.top-0{top:0}.top-1\/2{top:50%}.z-40{z-index:40}.z-50{z-index:50}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.mt-10{margin-top:2.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-3{height:.75rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.max-h-\[min\(17rem\,calc\(100vh-7rem\)\)\]{max-height:min(17rem,100vh - 7rem)}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[min\(22rem\,calc\(100vw-1\.25rem\)\)\]{width:min(22rem,100vw - 1.25rem)}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[220px\]{min-width:220px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-6xl{max-width:72rem}.max-w-\[13rem\]{max-width:13rem}.max-w-full{max-width:100%}.max-w-xl{max-width:36rem}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{-webkit-user-select:none;user-select:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-x-4{column-gap:1rem}.gap-y-2{row-gap:.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[0\.85rem\]{border-radius:.85rem}.rounded-\[0\.9rem\]{border-radius:.9rem}.rounded-\[1\.2rem\]{border-radius:1.2rem}.rounded-\[1rem\]{border-radius:1rem}.rounded-full{border-radius:9999px}
147.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-white\/10{border-color:#ffffff1a}.border-white\/15{border-color:#ffffff26}.border-white\/20{border-color:#fff3}.bg-black\/15{background-color:#00000026}.bg-blue-400{--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-gray-900\/95{background-color:#111827f2}.bg-green-400{--tw-bg-opacity:1;background-color:rgb(74 222 128/var(--tw-bg-opacity,1))}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.bg-red-400{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-white\/5{background-color:#ffffff0d}.bg-white\/\[0\.08\]{background-color:#ffffff14}.bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.from-green-500{--tw-gradient-from:#22c55e var(--tw-gradient-from-position);--tw-gradient-to:#22c55e00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-50{--tw-gradient-from:#eef2ff var(--tw-gradient-from-position);--tw-gradient-to:#eef2ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-500{--tw-gradient-from:#6366f1 var(--tw-gradient-from-position);--tw-gradient-to:#6366f100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-600{--tw-gradient-from:#4f46e5 var(--tw-gradient-from-position);--tw-gradient-to:#4f46e500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-500{--tw-gradient-from:#ec4899 var(--tw-gradient-from-position);--tw-gradient-to:#ec489900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-600{--tw-gradient-from:#db2777 var(--tw-gradient-from-position);--tw-gradient-to:#db277700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-600{--tw-gradient-from:#9333ea var(--tw-gradient-from-position);--tw-gradient-to:#9333ea00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-400{--tw-gradient-from:#facc15 var(--tw-gradient-from-position);--tw-gradient-to:#facc1500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-purple-50{--tw-gradient-to:#faf5ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #faf5ff var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-purple-600{--tw-gradient-to:#9333ea00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #9333ea var(--tw-gradient-via-p
147osition), var(--tw-gradient-to)}.to-amber-500{--tw-gradient-to:#f59e0b var(--tw-gradient-to-position)}.to-blue-500{--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to:#f97316 var(--tw-gradient-to-position)}.to-pink-50{--tw-gradient-to:#fdf2f8 var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to:#ec4899 var(--tw-gradient-to-position)}.to-pink-600{--tw-gradient-to:#db2777 var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.to-red-500{--tw-gradient-to:#ef4444 var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-5{padding:1.25rem}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pl-12{padding-left:3rem}.pr-1{padding-right:.25rem}.pr-12{padding-right:3rem}.pt-0\.5{padding-top:.125rem}.pt-2{padding-top:.5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[0\.58rem\]{font-size:.58rem}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-\[1\.05\]{line-height:1.05}.tracking-\[0\.24em\]{letter-spacing:.24em}.tracking-tight{letter-spacing:-.025em}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-pink-600{--tw-text-opacity:1;color:rgb(219 39 119/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-transparent{color:#0000}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/70{color:#ffffffb3}.text-white\/75{color:#ffffffbf}.text-white\/85{color:#ffffffd9}.text-white\/95{color:#fffffff2}.text-yellow-300{--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
147--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-sha
147dow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-slate-900\/20{--tw-shadow-color:#0f172a33;--tw-shadow:var(--tw-shadow-colored)}.backdrop-blur{--tw-backdrop-blur:blur(8px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\:-translate-y-1:hover{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-blue-200:hover{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity,1))}.hover\:bg-indigo-50:hover{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity,1))}.hover\:bg-slate-700:hover{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/15:hover{background-color:#ffffff26}.hover\:bg-yellow-500:hover{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.hover\:from-indigo-700:hover{--tw-gradient-from:#4338ca var(--tw-gradient-from-position);--tw-gradient-to:#4338ca00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-yellow-500:hover{--tw-gradient-from:#eab308 var(--tw-gradient-from-position);--tw-gradient-to:#eab30800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-amber-600:hover{--tw-gradient-to:#d97706 var(--tw-gradient-to-position)}.hover\:to-purple-700:hover{--tw-gradient-to:#7e22ce var(--tw-gradient-to-position)}.hover\:text-amber-800:hover{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.hover\:text-indigo-700:hover{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1))}.hover\:text-indigo-800:hover{--tw-text-opacity:1;color:rgb(55 48 163/var(--tw-text-opacity,1))}.hover\:text-pink-800:hover{--tw-text-opacity:1;color:rgb(157 23 77/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:text-yellow-200:hover{--tw-text-opacity:1;color:rgb(254 240 138/var(--tw-text-opacity,1))}.hover\:text-yellow-300:hover{--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity,1))}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
147--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.focus\:not-sr-only:focus{clip:auto;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:fixed:focus{position:fixed}.focus\:left-2:focus{left:.5rem}.focus\:top-2:focus{top:.5rem}.focus\:z-50:focus{z-index:50}.focus\:bg-white:focus{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.focus\:px-4:focus{padding-left:1rem;padding-right:1rem}.focus\:py-2:focus{padding-top:.5rem;padding-bottom:.5rem}.focus\:text-indigo-700:focus{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1))}.focus\:shadow-lg:focus{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-sha
147dow)}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-indigo-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(79 70 229/var(--tw-ring-opacity,1))}.focus\:ring-yellow-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(250 204 21/var(--tw-ring-opacity,1))}.focus-visible\:outline-none:focus-visible{outline-offset:2px;outline:2px solid #0000}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-indigo-400:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(129 140 248/var(--tw-ring-opacity,1))}.focus-visible\:ring-slate-400:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(148 163 184/var(--tw-ring-opacity,1))}.focus-visible\:ring-yellow-300:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity,1))}.focus-visible\:ring-yellow-400:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(250 204 21/var(--tw-ring-opacity,1))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-indigo-700:focus-visible{--tw-ring-offset-color:#4338ca}.group:hover .group-hover\:shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
147--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}@media (prefers-reduced-motion:no-preference){}@media (min-width:640px){.sm\:bottom-0{bottom:0}.sm\:left-0{left:0}.sm\:right-0{right:0}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mx-4{margin-left:1rem;margin-right:1rem}.sm\:mb-12{margin-bottom:3rem}.sm\:mr-4{margin-right:1rem}.sm\:mt-12{margin-top:3rem}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:hidden{display:none}.sm\:h-14{height:3.5rem}.sm\:h-52{height:13rem}.sm\:h-7{height:1.75rem}.sm\:h-8{height:2rem}.sm\:w-12{width:3rem}.sm\:w-14{width:3.5rem}.sm\:w-7{width:1.75rem}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-4{gap:1rem}.sm\:gap-6{gap:1.5rem}.sm\:whitespace-nowrap{white-space:nowrap}.sm\:rounded-none{border-radius:0}.sm\:border-x-0{border-left-width:0;border-right-width:0}.sm\:border-b-0{border-bottom-width:0}.sm\:p-6{padding:1.5rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:last\:col-span-2:last-child{grid-column:span 2/span 2}}@media (min-width:768px){.md\:mb-0{margin-bottom:0}.md\:mb-5{margin-bottom:1.25rem}.md\:flex{display:flex}.md\:hidden{display:none}.md\:min-w-\[240px\]{min-width:240px}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:gap-2{gap:.5rem}.md\:gap-8{gap:2rem}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.md\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.md\:py-3{padding-top:.75rem;padding-bottom:.75rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:mt-6{margin-top:1.5rem}.lg\:mt-8{margin-top:2rem}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:h-16{height:4rem}.lg\:h-64{height:16rem}.lg\:h-8{height:2rem}.lg\:w-1\/2{width:50%}.lg\:w-16{width:4rem}.lg\:w-8{width:2rem}.lg\:max-w-xl{max-width:36rem}.lg\:flex-1{flex:1}.lg\:-rotate-1{--tw-rotate:-1deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:-rotate-2{--tw-rotate:-2deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:rotate-1{--tw-rotate:1deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:rotate-2{--tw-rotate:2deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-end{justify-content:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:gap-2\.5{gap:.625rem}.lg\:gap-3{gap:.75rem}.lg\:gap-4{gap:1rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:py-12{padding-top:3rem;padding-bottom:3rem}.lg\:py-16{padding-top:4rem;padding-bottom:4rem}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-\[13px\]{font-size:13px}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}.lg\:leading-8{line-height:2rem}}@media (min-width:1280px){.xl\:col-span-1{grid-column:span 1/span 1}.xl\:max-w-2xl{max-width:42rem}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:gap-8{gap:2rem}.xl\:text-6xl{font-size:3.75rem;line-height:1}.xl\:last\:col-span-1:last-child{grid-column:span 1/span 1}}.inter_394d8b56-module__gDtpIG__className{font-family:Inter,Inter Fallback;font-style:normal}</style><link rel="stylesheet" href="/_next/static/chunks/26v94lcbnr8xg.css" data-n-g media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="/_next/static/chunks/26v94lcbnr8xg.css" data-n-g media="print" onload="this.media='all'"></noscript><link rel="stylesheet" href="/_next/static/chunks/1qszpxvu3rjej.css" data-n-g media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="/_next/static/chunks/1qszpxvu3rjej.css" data-n-g media="print" onload="this.media='all'"></noscript><link rel="stylesheet" href="/_next/static/chunks/3z1p_vsvaoykx.css" data-n-g media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="/_next/static/chunks/3z1p_vsvaoykx.css" data-n-g media="print" onload="this.media='all'"></noscript><link rel="stylesheet" href="/_next/static/chunks/17dsqvug-4ljx.css" data-n-g media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="/_next/static/chunks/17dsqvug-4ljx.css" data-n-g media="print" onload="this.media='all'"></noscript><noscript data-n-css></noscript></head><body><link rel="preload" as="image" href="/icons/icon-192x192.png"><div id="__next"><div class="inter_394d8b56-module__gDtpIG__className"><div class="min-h-screen flex flex-col bg-gray-50">
147<a href="#main" class="sr-only focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:z-50 focus:bg-white focus:text-indigo-700 focus:ring-2 focus:ring-indigo-600 focus:px-4 focus:py-2 rounded-md shadow">Aller au contenu principal</a><header class="sticky top-0 z-50 bg-gradient-to-r from-indigo-600 to-purple-600 text-white shadow-lg"><div class="container mx-auto flex flex-col gap-2 px-3 py-2 sm:px-4 md:px-5 lg:gap-2.5 lg:px-6"><div class="flex w-full items-center justify-between gap-3 md:hidden"><button type="button" class="inline-flex items-center gap-2 rounded-full border border-white/20 bg-white/10 px-3 py-2 text-sm font-semibold text-white transition hover:bg-white/15" aria-expanded="false" aria-label="Menu"><svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 7h16"/><path d="M4 12h16"/><path d="M4 17h16"/></svg><span>Menu</span></button><a class="flex items-center hover:opacity-90 transition-opacity" aria-label="Shopes Home" href="/"><div class="flex items-center"><img alt="Shopes" width="34" height="34" decoding="async" data-nimg="1" class="block shrink-0 select-none" style="color:transparent;aspect-ratio:1 / 1" src="/icons/icon-192x192.png"><span class="sr-only">Shopes</span></div></a><button class="bg-yellow-400 hover:bg-yellow-500 text-black p-2 rounded-full transition-colors flex items-center" aria-label="Recherche par image" title="Recherche par image" type="button"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5"><path stroke-linecap="round" stroke-linejoin="round" d="M6.827 6.175A2.31 2.31 0 015.186 7.23c-.38.054-.757.112-1.134.175C2.999 7.58 2.25 8.507 2.25 9.574V18a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18V9.574c0-1.067-.75-1.994-1.802-2.169a47.865 47.865 0 00-1.134-.175 2.31 2.31 0 01-1.64-1.055l-.822-1.316a2.192 2.192 0 00-1.736-1.039 48.774 48.774 0 00-5.232 0 2.192 2.192 0 00-1.736 1.039l-.821 1.316z"/><path stroke-linecap="round" stroke-linejoin="round" d="M16.5 12.75a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0zM18.75 10.5h.008v.008h-.008V10.5z"/></svg></button></div><div class="hidden md:flex md:flex-col md:gap-2 lg:flex-row lg:items-center lg:justify-between lg:gap-4"><div class="flex items-center"><a class="flex items-center transition-opacity hover:opacity-90" aria-label="Shopes Home" href="/"><div class="flex items-center"><img alt="Shopes" width="36" height="36" decoding="async" data-nimg="1" class="block shrink-0 select-none" style="color:transparent;aspect-ratio:1 / 1" src="/icons/icon-192x192.png"><span class="sr-only">Shopes</span></div></a></div><div class="flex flex-col gap-2 lg:flex-1 lg:flex-row lg:items-center lg:justify-end lg:gap-4"><div class="relative z-40 w-full lg:max-w-xl xl:max-w-2xl"><form class="w-full" role="search" aria-label="Site search"><div class="relative group"><input type="search" class="w-full py-2.5 md:py-3 pl-12 pr-12 text-gray-800 bg-white rounded-full shadow-md focus:outline-none focus:ring-2 focus:ring-yellow-400 focus:shadow-lg transition-all duration-300 group-hover:shadow-lg" placeholder="|" autocomplete="off" aria-label="Rechercher des produits" name="q" value><button type="button" aria-label="Passer à l'assistant IA" title="Passer à l'assistant IA" aria-pressed="false" class="absolute left-2 top-1/2 -translate-y-1/2 flex items-center justify-center w-8 h-8 rounded-full transition-colors duration-200 bg-gray-100 text-gray-400 hover:bg-blue-200 hover:text-blue-700 focus:outline-none"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5"><path stroke-linecap="round" stroke-linejoin="round" d="M7.5 8.25h9m-9 3h6m-6 3h3m9 0a2.25 2.25 0 002.25-2.25V6.75A2.25 2.25 0 0019.5 4.5h-15A2.25 2.25 0 002.25 6.75v6.75A2.25 2.25 0 004.5 15.75h.75v3.75l4.5-3.75h9z"/></svg></button><button type="submit" aria-label="Rechercher" title="Rechercher" class="absolute inset-y-0 right-0 px-4 flex items-center bg-gradient-to-r from-yellow-400 to-amber-500 rounded-r-full text-white hover:from-yellow-500 hover:to-amber-600 transition-all duration-300 focus:outline-none focus-visible:ring-2 focus-visible:ring-yellow-300 focus-visible:ring-offset-2"><span class="sr-only">Rechercher</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" aria-hidden="true"><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"/></svg></button></div></form></div><nav class="flex flex-wrap items-center gap-2 text-[12px] lg:justify-end lg:gap-3 lg:text-[13px]"><a class="inline-flex items-center gap-1 rounded-full px-2.5 py-1.5 transition-colors hover:text-yellow-300 text-white " href="/"><span class>Accueil</span></a><a class="inline-flex items-center gap-1 rounded-full px-2.5 py-1.5 transition-colors hover:text-yellow-300 text-white " href="/search?q=popular"><span class>Offres</span></a><a class="inline-flex items-center gap-1 rounded-full px-2.5 py-1.5 transition-colors hover:text-yellow-300 text-white " href="/ai-assistant"><span>ð¤</span><span class="hidden sm:inline">Assistant IA</span><span class="sm:hidden">IA</span></a><a class="inline-flex items-center gap-1 rounded-full px-2.5 py-1.5 transition-colors hover:text-yellow-300 text-white " href="/contact"><span class>Contact</span></a><button type="button" class="inline-flex items-center gap-2 rounded-full border border-white/15 bg-white/10 px-3 py-1.5 text-[12px] font-semibold text-white transition hover:bg-white/15 lg:hidden" aria-expanded="false" aria-controls="tablet-category-menu"><span>Rayons</span><svg class="h-4 w-4 transition-transform duration-200 " viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 7.5l5 5 5-5"/></svg></button><button class="inline-flex items-center rounded-full bg-yellow-400 p-2 text-black transition-colors hover:bg-yellow-500" aria-label="Recherche par image" title="Recherche par image" type="button"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-5 w-5"><path stroke-linecap="round" stroke-linejoin="round" d="M6.827 6.175A2.31 2.31 0 015.186 7.23c-.38.054-.757.112-1.134.175C2.999 7.58 2.25 8.507 2.25 9.574V18a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18V9.574c0-1.067-.75-1.994-1.802-2.169a47.865 47.865 0 00-1.134-.175 2.31 2.31 0 01-1.64-1.055l-.822-1.316a2.192 2.192 0 00-1.736-1.039 48.774 48.774 0 00-5.232 0 2.192 2.192 0 00-1.736 1.039l-.821 1.316z"/><path stroke-linecap="round" stroke-linejoin="round" d="M16.5 12.75a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0zM18.75 10.5h.008v.008h-.008V10.5z"/></svg></button></nav></div></div><div class="hidden lg:block border-t border-white/15 pt-2"><div class="flex flex-wrap items-start gap-2"><span class="inline-flex shrink-0 items-center rounded-full border border-white/15 bg-white/[0.08] px-2.5 py-1 text-[0.58rem] font-semibold uppercase tracking-[0.24em] text-white/70">Rayons</span><nav class="flex flex-1 flex-wrap gap-1.5" aria-label="Rayons navigation"><div class="relative"><div class="flex max-w-full items-center rounded-[1rem] border px-0.5 py-0.5 transition-all border-white/15 bg-white/5 hover:bg-white/10"><a title="Maison" class="block max-w-[13rem] truncate rounded-[0.9rem] px-2.5 py-1 text-[11px] font-semibold leading-4 text-white transition hover:text-yellow-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-300 focus-visible:ring-offset-2 focus-visible:ring-offset-indigo-700" href="/category/root/maison">Maison</a><button type="button" class="rounded-full p-1 text-white/75 transition hover:bg-white/15 hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-300 focus-visible:ring-offset-2 focus-visible:ring-offset-indigo-700" aria-expanded="false" aria-controls="header-category-11700"><svg class="h-4 w-4 transition-transform duration-200 " viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 7.5l5 5 5-5"/></svg></button></div><div id="header-category-11700" class="hidden" style="left:0;right:auto"><div class="w-[min(22rem,calc(100vw-1.25rem))] max-h-[min(17rem,calc(100vh-7rem))] overflow-y-auto overflow-x-hidden rounded-[1rem] border border-slate-200 bg-white p-2 text-slate-900 shadow-2xl shadow-slate-900/20"><div class="mb-2 flex items-center justify-between gap-2 border-b border-slate-100 pb-2"><p class="text-sm font-semibold text-slate-900">Maison</p><a class="rounded-full bg-slate-900 px-3 py-1.5 text-[11px] font-semibold text-white transition hover:bg-slate-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:ring-offset-2" href="/category/root/maison">Voir tout</a></div><ul class="grid grid-cols-2 gap-1.5"><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/maison/autres"><span class="min-w-0 pr-1">Autres</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/maison/cheminees-et-poeles"><span class="min-w-0 pr-1">Cheminées et poêles</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/maison/cuisine-arts-de-la-table"><span class="min-w-0 pr-1">Cuisine, arts de la table</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/maison/decoration-dinterieur"><span class="min-w-0 pr-1">Décoration d'intérieur</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/maison/eclairage-interieur"><span class="min-w-0 pr-1">Ãclairage intérieur</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/maison/entretien-nettoyage"><span class="min-w-0 pr-1">Entretien, nettoyage</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li></ul></div></div></div><div class="relative"><div class="flex max-w-full items-center rounded-[1rem] border px-0.5 py-0.5 transition-all border-white/15 bg-white/5 hover:bg-white/10"><a title="Vêtements, accessoires" class="block max-w-[13rem] truncate rounded-[0.9rem] px-2.5 py-1 text-[11px] font-semibold leading-4 text-white transition hover:text-yellow-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-300 focus-visible:ring-offset-2 focus-visible:ring-offset-indigo-700" href="/category/root/vetements-accessoires">Vêtements, accessoires</a><button type="button" class="rounded-full p-1 text-white/75 transition hover:bg-white/15 hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-300 focus-visible:ring-offset-2 focus-visible:ring-offset-indigo-700" aria-expanded="false" aria-controls="header-category-11450"><svg class="h-4 w-4 transition-transform duration-200 " viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 7.5l5 5 5-5"/></svg></button></div><div id="header-category-11450" class="hidden" style="left:0;right:auto"><div class="w-[min(22rem,calc(100vw-1.25rem))] max-h-[min(17rem,calc(100vh-7rem))] overflow-y-auto overflow-x-hidden rounded-[1rem] border border-slate-200 bg-white p-2 text-slate-900 shadow-2xl shadow-slate-900/20"><div class="mb-2 flex items-center justify-between gap-2 border-b border-slate-100 pb-2"><p class="text-sm font-semibold text-slate-900">Vêtements, accessoires</p><a class="rounded-full bg-slate-900 px-3 py-1.5 text-[11px] font-semibold text-white transition hover:bg-slate-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:ring-offset-2" href="/category/root/vetements-accessoires">Voir tout</a></div><ul class="grid grid-cols-2 gap-1.5"><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/vetements-accessoires/bebe-vetements-accessoires"><span class="min-w-0 pr-1">Bébé : vêtements, accessoires</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/vetements-accessoires/deguisements-occasions-speciales"><span class="min-w-0 pr-1">Déguisements, occasions spéciales</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/vetements-accessoires/enfant-vetements-accessoires"><span class="min-w-0 pr-1">Enfant : vêtements, accessoires</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/vetements-accessoires/femme-vetements-accessoires"><span class="min-w-0 pr-1">Femme : vêtements, accessoires</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/vetements-accessoires/homme-vetements-accessoires"><span cl
147ass="min-w-0 pr-1">Homme : vêtements, accessoires</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li></ul></div></div></div><div class="relative"><div class="flex max-w-full items-center rounded-[1rem] border px-0.5 py-0.5 transition-all border-white/15 bg-white/5 hover:bg-white/10"><a title="Informatique, réseaux" class="block max-w-[13rem] truncate rounded-[0.9rem] px-2.5 py-1 text-[11px] font-semibold leading-4 text-white transition hover:text-yellow-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-300 focus-visible:ring-offset-2 focus-visible:ring-offset-indigo-700" href="/category/root/informatique-reseaux">Informatique, réseaux</a><button type="button" class="rounded-full p-1 text-white/75 transition hover:bg-white/15 hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-300 focus-visible:ring-offset-2 focus-visible:ring-offset-indigo-700" aria-expanded="false" aria-controls="header-category-58058"><svg class="h-4 w-4 transition-transform duration-200 " viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 7.5l5 5 5-5"/></svg></button></div><div id="header-category-58058" class="hidden" style="left:0;right:auto"><div class="w-[min(22rem,calc(100vw-1.25rem))] max-h-[min(17rem,calc(100vh-7rem))] overflow-y-auto overflow-x-hidden rounded-[1rem] border border-slate-200 bg-white p-2 text-slate-900 shadow-2xl shadow-slate-900/20"><div class="mb-2 flex items-center justify-between gap-2 border-b border-slate-100 pb-2"><p class="text-sm font-semibold text-slate-900">Informatique, réseaux</p><a class="rounded-full bg-slate-900 px-3 py-1.5 text-[11px] font-semibold text-white transition hover:bg-slate-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:ring-offset-2" href="/category/root/informatique-reseaux">Voir tout</a></div><ul class="grid grid-cols-2 gap-1.5"><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/informatique-reseaux/accessoires-ordinateur"><span class="min-w-0 pr-1">Accessoires ordinateur</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/informatique-reseaux/autres"><span class="min-w-0 pr-1">Autres</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/informatique-reseaux/bureautique"><span class="min-w-0 pr-1">Bureautique</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/informatique-reseaux/cables-connecteurs"><span class="min-w-0 pr-1">Câbles, connecteurs</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/informatique-reseaux/claviers-souris-pointeurs"><span class="min-w-0 pr-1">Claviers, souris, pointeurs</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/informatique-reseaux/ecrans-projecteurs-access"><span class="min-w-0 pr-1">Ecrans, projecteurs, access.</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li></ul></div></div></div><div class="relative"><div class="flex max-w-full items-center rounded-[1rem] border px-0.5 py-0.5 transition-all border-white/15 bg-white/5 hover:bg-white/10"><a title="Téléphonie, mobilité" class="block max-w-[13rem] truncate rounded-[0.9rem] px-2.5 py-1 text-[11px] font-semibold leading-4 text-white transition hover:text-yellow-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-300 focus-visible:ring-offset-2 focus-visible:ring-offset-indigo-700" href="/category/root/telephonie-mobilite">Téléphonie, mobilité</a><button type="button" class="rounded-full p-1 text-white/75 transition hover:bg-white/15 hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-300 focus-visible:ring-offset-2 focus-visible:ring-offset-indigo-700" aria-expanded="false" aria-controls="header-category-15032"><svg class="h-4 w-4 transition-transform duration-200 " viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 7.5l5 5 5-5"/></svg></button></div><div id="header-category-15032" class="hidden" style="left:0;right:auto"><div class="w-[min(22rem,calc(100vw-1.25rem))] max-h-[min(17rem,calc(100vh-7rem))] overflow-y-auto overflow-x-hidden rounded-[1rem] border border-slate-200 bg-white p-2 text-slate-900 shadow-2xl shadow-slate-900/20"><div class="mb-2 flex items-center justify-between gap-2 border-b border-slate-100 pb-2"><p class="text-sm font-semibold text-slate-900">Téléphonie, mobilité</p><a class="rounded-full bg-slate-900 px-3 py-1.5 text-[11px] font-semibold text-white transition hover:bg-slate-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:ring-offset-2" href="/category/root/telephonie-mobilite">Voir tout</a></div><ul class="grid grid-cols-2 gap-1.5"><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/telephonie-mobilite/cartes-telephoniques-cartes-sim"><span class="min-w-0 pr-1">
147Cartes téléphoniques, cartes SIM</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/telephonie-mobilite/fax-telephonie-pro"><span class="min-w-0 pr-1">Fax, téléphonie pro.</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/telephonie-mobilite/gps"><span class="min-w-0 pr-1">GPS</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/telephonie-mobilite/gps-accessoires"><span class="min-w-0 pr-1">GPS: accessoires</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/telephonie-mobilite/lots-mixtes"><span class="min-w-0 pr-1">Lots mixtes</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/telephonie-mobilite/materiel-de-radiocommunication"><span class="min-w-0 pr-1">Matériel de radiocommunication</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li></ul></div></div></div><div class="relative"><div class="flex max-w-full items-center rounded-[1rem] border px-0.5 py-0.5 transition-all border-white/15 bg-white/5 hover:bg-white/10"><a title="Auto, moto - pièces, accessoires" class="block max-w-[13rem] truncate rounded-[0.9rem] px-2.5 py-1 text-[11px] font-semibold leading-4 text-white transition hover:text-yellow-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-300 focus-visible:ring-offset-2 focus-visible:ring-offset-indigo-700" href="/category/root/auto-moto-pieces-accessoires">Auto, moto - pièces, accessoires</a><button type="button" class="rounded-full p-1 text-white/75 transition hover:bg-white/15 hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-300 focus-visible:ring-offset-2 focus-visible:ring-offset-indigo-700" aria-expanded="false" aria-controls="header-category-131090"><svg class="h-4 w-4 transition-transform duration-200 " viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 7.5l5 5 5-5"/></svg></button></div><div id="header-category-131090" class="hidden" style="left:0;right:auto"><div class="w-[min(22rem,calc(100vw-1.25rem))] max-h-[min(17rem,calc(100vh-7rem))] overflow-y-auto overflow-x-hidden rounded-[1rem] border border-slate-200 bg-white p-2 text-slate-900 shadow-2xl shadow-slate-900/20"><div class="mb-2 flex items-center justify-between gap-2 border-b border-slate-100 pb-2"><p class="text-sm font-semibold text-slate-900">Auto, moto - pièces, accessoires</p><a class="rounded-full bg-slate-900 px-3 py-1.5 text-[11px] font-semibold text-white transition hover:bg-slate-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:ring-offset-2" href="/category/root/auto-moto-pieces-accessoires">Voir tout</a></div><ul class="grid grid-cols-2 gap-1.5"><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/auto-moto-pieces-accessoires/auto-entretien-maintenance-et-remorques"><span class="min-w-0 pr-1">Auto : entretien, maintenance et remorques</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/auto-moto-pieces-accessoires/auto-revues-manuels"><span class="min-w-0 pr-1">Auto: revues, manuels</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/auto-moto-pieces-accessoires/automobile-pieces-et-accessoires"><span class="min-w-0 pr-1">Automobile : pièces et accessoires</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/auto-moto-pieces-accessoires/automobilia"><span class="min-w-0 pr-1">Automobilia</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/auto-moto-pieces-accessoires/autoradios-hi-fi-video-gps"><span class="min-w-0 pr-1">Autoradios, Hi-Fi, vidéo, GPS</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/auto-moto-pieces-accessoires/autres"><span class="min-w-0 pr-1">Autres</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li></ul></div></div></div><div class="relative"><div class="flex max-w-full items-center rounded-[1rem] border px-0.5 py-0.5 transition-all border-white/15 bg-white/5 hover:bg-white/10"><a title="Sports, vacances" class="block max-w-[13rem] truncate rounded-[0.9rem] px-2.5 py-1 text-[11px] font-semibold leading-4 text-white transition hover:text-yellow-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-300 focus-visible:ring-offset-2 focus-visible:ring-offset-indigo-700" href="/category/root/sports-vacances">Sports, vacances</a><button type="button" class="rounded-full p-1 text-white/75 transition hover:bg-white/15 hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-300 focus-visible:ring-offset-2 focus-visible:ring-offset-indigo-700" aria-expanded="false" aria-controls="header-category-888"><svg class="h-4 w-4 transition-transform duration-200 " viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 7.5l5 5 5-5"/></svg></button></div><div id="header-category-888" class="hidden" style="left:0;right:auto"><div class="w-[min(22rem,calc(100vw-1.25rem))] max-h-[min(17rem,calc(100vh-7rem))] overflow-y-auto overflow-x-hidden rounded-[1rem] border border-slate-200 bg-white p-2 text-slate-900 shadow-2xl shadow-slate-900/20"><div class="mb-2 flex items-center justify-between gap-2 border-b border-slate-100 pb-2"><p class="text-sm font-semibold text-slate-900">Sports, vacances</p><a class="rounded-full bg-slate-900 px-3 py-1.5 text-[11px] font-semibold text-white transition hover:bg-slate-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:ring-offset-2" href="/category/root/sports-vacances">Voir tout</a></div><ul class="grid grid-cols-2 gap-1.5"><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/sports-vacances/alpinisme-escalade"><span class="min-w-0 pr-1">Alpinisme, escalade</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/sports-vacances/arts-martiaux-sport-de-combat"><span class="min-w-0 pr-1">Arts martiaux, sport de combat</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/sports-vacances/autres"><span class="min-w-0 pr-1">Autres</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/sports-vacances/aviation"><span class="min-w-0 pr-1">Aviation</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/sports-vacances/basketball"><span class="min-w-0 pr-1">Basketball</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/sports-vacances/camping-randonnee"><span class="min-w-0 pr-1">Camping, randonnée</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li></ul></div></div></div><div class="relative"><div class="flex max-w-full items-center rounded-[1rem] border px-0.5 py-0.5 transition-all border-white/15 bg-white/5 hover:bg-white/10"><a title="Collections" class="block max-w-[13rem] truncate rounded-[0.9rem] px-2.5 py-1 text-[11px] font-semibold leading-4 text-white transition hover:text-yellow-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-300 focus-visible:ring-offset-2 focus-visible:ring-offset-indigo-700" href="/category/root/collections">Collections</a><button type="button" class="rounded-full p-1 text-white/75 transition hover:bg-white/15 hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-300 focus-visible:ring-offset-2 focus-visible:ring-offset-indigo-700" aria-expanded="false" aria-controls="header-category-1"><svg class="h-4 w-4 transition-transform duration-200 " viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 7.5l5 5 5-5"/></svg></button></div><div id="header-category-1" class="hidden" style="left:0;right:auto"><div class="w-[min(22rem,calc(100vw-1.25rem))] max-h-[min(17rem,calc(100vh-7rem))] overflow-y-auto overflow-x-hidden rounded-[1rem] border border-slate-200 bg-white p-2 text-slate-900 shadow-2xl shadow-slate-900/20"><div class="mb-2 flex items-center justify-between gap-2 border-b border-slate-100 pb-2"><p class="text-sm font-semibold text-slate-900">Collections</p><a class="rounded-full bg-slate-900 px-3 py-1.5 text-[11px] font-semibold text-white transition hover:bg-slate-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:ring-offset-2" href="/category/root/collections">Voir tout</a></div><ul class="grid grid-cols-2 gap-1.5"><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/collections/actions-titres"><span class="min-w-0 pr-1">Actions, titres</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/collections/armures-boucliers-accessoires-pour-lames"><span class="min-w-0 pr-1">Armures, boucliers, accessoires pour lames</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/collections/autres"><span class="min-w-0 pr-1">Autres</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/collections/aviation-aeronautique"><span class="min-w-0 pr-1">Aviation, aéronautique</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-v
147isible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/collections/bistrot"><span class="min-w-0 pr-1">Bistrot</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/collections/briquets-objets-du-fumeur"><span class="min-w-0 pr-1">Briquets, objets du fumeur</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li></ul></div></div></div><div class="relative"><div class="flex max-w-full items-center rounded-[1rem] border px-0.5 py-0.5 transition-all border-white/15 bg-white/5 hover:bg-white/10"><a title="Beauté, bien-être, parfums" class="block max-w-[13rem] truncate rounded-[0.9rem] px-2.5 py-1 text-[11px] font-semibold leading-4 text-white transition hover:text-yellow-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-300 focus-visible:ring-offset-2 focus-visible:ring-offset-indigo-700" href="/category/root/beaute-bien-etre-parfums">Beauté, bien-être, parfums</a><button type="button" class="rounded-full p-1 text-white/75 transition hover:bg-white/15 hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-300 focus-visible:ring-offset-2 focus-visible:ring-offset-indigo-700" aria-expanded="false" aria-controls="header-category-26395"><svg class="h-4 w-4 transition-transform duration-200 " viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 7.5l5 5 5-5"/></svg></button></div><div id="header-category-26395" class="hidden" style="left:0;right:auto"><div class="w-[min(22rem,calc(100vw-1.25rem))] max-h-[min(17rem,calc(100vh-7rem))] overflow-y-auto overflow-x-hidden rounded-[1rem] border border-slate-200 bg-white p-2 text-slate-900 shadow-2xl shadow-slate-900/20"><div class="mb-2 flex items-center justify-between gap-2 border-b border-slate-100 pb-2"><p class="text-sm font-semibold text-slate-900">Beauté, bien-être, parfums</p><a class="rounded-full bg-slate-900 px-3 py-1.5 text-[11px] font-semibold text-white transition hover:bg-slate-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:ring-offset-2" href="/category/root/beaute-bien-etre-parfums">Voir tout</a></div><ul class="grid grid-cols-2 gap-1.5"><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/beaute-bien-etre-parfums/autres"><span class="min-w-0 pr-1">Autres</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/beaute-bien-etre-parfums/bain-savons-et-soins-du-corps"><span class="min-w-0 pr-1">Bain, savons et soins du corps</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/beaute-bien-etre-parfums/epilation-et-rasage"><span class="min-w-0 pr-1">Ãpilation et rasage</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/beaute-bien-etre-parfums/hygiene-bucco-dentaire"><span class="min-w-0 pr-1">Hygiène bucco-dentaire</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/beaute-bien-etre-parfums/manucure-et-pedicure"><span class="min-w-0 pr-1">
147Manucure et pédicure</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/beaute-bien-etre-parfums/maquillage"><span class="min-w-0 pr-1">Maquillage</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li></ul></div></div></div><div class="relative"><div class="flex max-w-full items-center rounded-[1rem] border px-0.5 py-0.5 transition-all border-white/15 bg-white/5 hover:bg-white/10"><a title="Jouets et jeux" class="block max-w-[13rem] truncate rounded-[0.9rem] px-2.5 py-1 text-[11px] font-semibold leading-4 text-white transition hover:text-yellow-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-300 focus-visible:ring-offset-2 focus-visible:ring-offset-indigo-700" href="/category/root/jouets-et-jeux">Jouets et jeux</a><button type="button" class="rounded-full p-1 text-white/75 transition hover:bg-white/15 hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-300 focus-visible:ring-offset-2 focus-visible:ring-offset-indigo-700" aria-expanded="false" aria-controls="header-category-220"><svg class="h-4 w-4 transition-transform duration-200 " viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 7.5l5 5 5-5"/></svg></button></div><div id="header-category-220" class="hidden" style="left:0;right:auto"><div class="w-[min(22rem,calc(100vw-1.25rem))] max-h-[min(17rem,calc(100vh-7rem))] overflow-y-auto overflow-x-hidden rounded-[1rem] border border-slate-200 bg-white p-2 text-slate-900 shadow-2xl shadow-slate-900/20"><div class="mb-2 flex items-center justify-between gap-2 border-b border-slate-100 pb-2"><p class="text-sm font-semibold text-slate-900">Jouets et jeux</p><a class="rounded-full bg-slate-900 px-3 py-1.5 text-[11px] font-semibold text-white transition hover:bg-slate-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:ring-offset-2" href="/category/root/jouets-et-jeux">Voir tout</a></div><ul class="grid grid-cols-2 gap-1.5"><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/jouets-et-jeux/autres"><span class="min-w-0 pr-1">Autres</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/jouets-et-jeux/cinema-tv-personnages-jouets"><span class="min-w-0 pr-1">Cinéma, TV: personnages, jouets</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/jouets-et-jeux/circuits-voitures-electriques"><span class="min-w-0 pr-1">Circuits, voitures électriques</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/jouets-et-jeux/deguisements-masques"><span class="min-w-0 pr-1">Déguisements, masques</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/jouets-et-jeux/figurines-statues"><span class="min-w-0 pr-1">Figurines, statues</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/jouets-et-jeux/jeux-dimitation"><span class="min-w-0 pr-1">Jeux d'imitation</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li></ul></div></div></div><div class="relative"><div class="flex max-w-full items-center rounded-[1rem] border px-0.5 py-0.5 transition-all border-white/15 bg-white/5 hover:bg-white/10"><a title="Ãquipements professionnels" class="block max-w-[13rem] truncate rounded-[0.9rem] px-2.5 py-1 text-[11px] font-semibold leading-4 text-white transition hover:text-yellow-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-300 focus-visible:ring-offset-2 focus-visible:ring-offset-indigo-700" href="/category/root/equipements-professionnels">Ãquipements professionnels</a><button type="button" class="rounded-full p-1 text-white/75 transition hover:bg-white/15 hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-300 focus-visible:ring-offset-2 focus-visible:ring-offset-indigo-700" aria-expanded="false" aria-controls="header-category-12576"><svg class="h-4 w-4 transition-transform duration-200 " viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 7.5l5 5 5-5"/></svg></button></div><div id="header-category-12576" class="hidden" style="left:0;right:auto"><div class="w-[min(22rem,calc(100vw-1.25rem))] max-h-[min(17rem,calc(100vh-7rem))] overflow-y-auto overflow-x-hidden rounded-[1rem] border border-slate-200 bg-white p-2 text-slate-900 shadow-2xl shadow-slate-900/20"><div class="mb-2 flex items-center justify-between gap-2 border-b border-slate-100 pb-2"><p class="text-sm font-semibold text-slate-900">Ãquipements professionnels</p><a class="rounded-full bg-slate-900 px-3 py-1.5 text-[11px] font-semibold text-white transition hover:bg-slate-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:ring-offset-2" href="/category/root/equipements-professionnels">Voir tout</a></div><ul class="grid grid-cols-2 gap-1.5"><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/equipements-professionnels/agriculture"><span class="min-w-0 pr-1">Agriculture</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/equipements-professionnels/automates-moteurs-commandes"><span class="min-w-0 pr-1">Automates, moteurs, commandes</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/equipements-professionnels/autres"><span class="min-w-0 pr-1">Autres</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/equipements-professionnels/batiment-construction"><span class="min-w-0 pr-1">Bâtiment, construction</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/equipements-professionnels/colles-mastics-et-adhesifs"><span class="min-w-0 pr-1">Colles, mastics et adhésifs</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/equipements-professionnels/cvc"><span class="min-w-0 pr-1">CVC</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li></ul></div></div></div><div class="relative"><div class="flex max-w-full items-center rounded-[1rem] border px-0.5 py-0.5 transition-all border-white/15 bg-white/5 hover:bg-white/10">
147<a title="Animalerie" class="block max-w-[13rem] truncate rounded-[0.9rem] px-2.5 py-1 text-[11px] font-semibold leading-4 text-white transition hover:text-yellow-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-300 focus-visible:ring-offset-2 focus-visible:ring-offset-indigo-700" href="/category/root/animalerie">Animalerie</a><button type="button" class="rounded-full p-1 text-white/75 transition hover:bg-white/15 hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-300 focus-visible:ring-offset-2 focus-visible:ring-offset-indigo-700" aria-expanded="false" aria-controls="header-category-1281"><svg class="h-4 w-4 transition-transform duration-200 " viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 7.5l5 5 5-5"/></svg></button></div><div id="header-category-1281" class="hidden" style="left:0;right:auto"><div class="w-[min(22rem,calc(100vw-1.25rem))] max-h-[min(17rem,calc(100vh-7rem))] overflow-y-auto overflow-x-hidden rounded-[1rem] border border-slate-200 bg-white p-2 text-slate-900 shadow-2xl shadow-slate-900/20"><div class="mb-2 flex items-center justify-between gap-2 border-b border-slate-100 pb-2"><p class="text-sm font-semibold text-slate-900">Animalerie</p><a class="rounded-full bg-slate-900 px-3 py-1.5 text-[11px] font-semibold text-white transition hover:bg-slate-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:ring-offset-2" href="/category/root/animalerie">Voir tout</a></div><ul class="grid grid-cols-2 gap-1.5"><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/animalerie/apiculture"><span class="min-w-0 pr-1">Apiculture</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/animalerie/aquariophilie-bassins-mares"><span class="min-w-0 pr-1">Aquariophilie, bassins, mares</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/animalerie/articles-funeraires"><span class="min-w-0 pr-1">Articles funéraires</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/animalerie/autres"><span class="min-w-0 pr-1">Autres</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/animalerie/cameras"><span class="min-w-0 pr-1">Caméras</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/animalerie/chats"><span class="min-w-0 pr-1">Chats</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li></ul></div></div></div><div class="relative"><div class="flex max-w-full items-center rounded-[1rem] border px-0.5 py-0.5 transition-all border-white/15 bg-white/5 hover:bg-white/10"><a title="Art, antiquités" class="block max-w-[13rem] truncate rounded-[0.9rem] px-2.5 py-1 text-[11px] font-semibold leading-4 text-white transition hover:text-yellow-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-300 focus-visible:ring-offset-2 focus-visible:ring-offset-indigo-700" href="/category/root/art-antiquites">Art, antiquités</a><button type="button" class="rounded-full p-1 text-white/75 transition hover:bg-white/15 hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-300 focus-visible:ring-offset-2 focus-visible:ring-offset-indigo-700" aria-expanded="false" aria-controls="header-category-353"><svg class="h-4 w-4 transition-transform duration-200 " viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 7.5l5 5 5-5"/></svg></button></div><div id="header-category-353" class="hidden" style="left:0;right:auto"><div class="w-[min(22rem,calc(100vw-1.25rem))] max-h-[min(17rem,calc(100vh-7rem))] overflow-y-auto overflow-x-hidden rounded-[1rem] border border-slate-200 bg-white p-2 text-slate-900 shadow-2xl shadow-slate-900/20"><div class="mb-2 flex items-center justify-between gap-2 border-b border-slate-100 pb-2"><p class="text-sm font-semibold text-slate-900">Art, antiquités</p><a class="rounded-full bg-slate-900 px-3 py-1.5 text-[11px] font-semibold text-white transition hover:bg-slate-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:ring-offset-2" href="/category/root/art-antiquites">Voir tout</a></div><ul class="grid grid-cols-2 gap-1.5"><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/art-antiquites/architecture-materiaux"><span class="min-w-0 pr-1">Architecture, matériaux</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/art-antiquites/art-du-xixe-et-avant"><span class="min-w-0 pr-1">Art du XIXe et avant</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/art-antiquites/art-du-xxe-contemporain"><span class="min-w-0 pr-1">Art du XXe, contemporain</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/art-antiquites/meubles-decoration-du-xixe"><span class="min-w-0 pr-1">Meubles, décoration du XIXe</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/art-antiquites/meubles-decoration-du-xxe"><span class="min-w-0 pr-1">Meubles, décoration du XXe</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li><li><a class="flex h-full items-start justify-between gap-2 rounded-[0.85rem] bg-slate-50 px-2.5 py-2 text-[12px] leading-5 text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" href="/category/root/art-antiquites/objets-du-xixe-et-avant"><span class="min-w-0 pr-1">Objets du XIXe et avant</span><span class="shrink-0 pt-0.5 text-slate-300" aria-hidden="true">/</span></a></li></ul></div></div></div></nav></div></div></div></header><main id="main" tabindex="-1" class="flex-grow"><section class="bg-gradient-to-br from-indigo-600 via-purple-600 to-pink-500 text-white py-8 md:py-10 lg:py-12"><div class="container mx-auto px-6 text-center"><div class="mx-auto max-w-6xl"><h1 class="text-3xl md:text-5xl lg:text-5xl xl:text-6xl leading-[1.05] tracking-tight font-bold mb-4 md:mb-5">Assistant d'achat IA avec recherche visuelle</h1><p class="text-base leading-6 text-white/92 mb-6 max-w-xl mx-auto
147sm:hidden">Telechargez une photo, comparez les offres et trouvez plus vite les bonnes affaires eBay avec notre assistant IA.</p><p class="hidden sm:block text-base md:text-lg lg:text-xl leading-7 lg:leading-8 text-white/95 mb-6 max-w-3xl mx-auto">Découvrez une nouvelle façon de faire du shopping en France avec notre assistant IA. Téléversez des photos pour une recherche visuelle, obtenez des informations produit, des recommandations, et trouvez les meilleures offres eBay avec une analyse adaptée aux acheteurs français.</p></div><div class="flex flex-col sm:flex-row items-center justify-center gap-4"><a class="w-full sm:w-auto inline-flex items-center justify-center gap-3 bg-gradient-to-r from-yellow-400 to-amber-500 text-black font-bold py-3 px-8 rounded-full hover:from-yellow-500 hover:to-amber-600 transform hover:scale-105 transition-all duration-300 min-w-[220px] md:min-w-[240px]" href="/ai-assistant"><span class="flex h-9 w-9 items-center justify-center rounded-full bg-black/15 text-lg">ð¤</span><span>Démarrer l'assistant d'achat IA</span></a><button class="w-full sm:w-auto inline-flex items-center justify-center gap-3 bg-gradient-to-r from-yellow-400 to-amber-500 text-black font-bold py-3 px-8 rounded-full hover:from-yellow-500 hover:to-amber-600 transform hover:scale-105 transition-all duration-300 min-w-[220px] md:min-w-[240px]"><span class="flex h-9 w-9 items-center justify-center rounded-full bg-black/15 text-lg">ð¸</span><span>Acheter à partir d'une photo</span></button></div></div></section><section class="bg-white py-12 sm:py-14 lg:py-16"><div class="container mx-auto px-4 sm:px-6"><div class="flex flex-col items-center gap-6 md:gap-8 lg:flex-row"><div class="relative w-full lg:w-1/2"><div class="grid grid-cols-2 gap-3 sm:gap-4">
147<div class="overflow-hidden rounded-[1.2rem] shadow-xl lg:-rotate-2"><div class="flex h-40 w-full items-center justify-center bg-gradient-to-br from-indigo-500 to-purple-600 sm:h-52 lg:h-64"><div class="text-white text-center"><div class="mb-2 text-lg font-bold sm:text-xl lg:text-2xl">Disposition en grille</div><div class="mx-3 grid grid-cols-3 gap-2 sm:mx-4"><div class="h-6 w-6 rounded bg-white/20 sm:h-7 sm:w-7 lg:h-8 lg:w-8"></div><div class="h-6 w-6 rounded bg-white/20 sm:h-7 sm:w-7 lg:h-8 lg:w-8"></div><div class="h-6 w-6 rounded bg-white/20 sm:h-7 sm:w-7 lg:h-8 lg:w-8"></div><div class="h-6 w-6 rounded bg-white/20 sm:h-7 sm:w-7 lg:h-8 lg:w-8"></div><div class="h-6 w-6 rounded bg-white/20 sm:h-7 sm:w-7 lg:h-8 lg:w-8"></div><div class="h-6 w-6 rounded bg-white/20 sm:h-7 sm:w-7 lg:h-8 lg:w-8"></div></div></div></div></div><div class="overflow-hidden rounded-[1.2rem] shadow-xl lg:mt-8 lg:rotate-2"><div class="flex h-40 w-full items-center justify-center bg-gradient-to-br from-purple-500 to-pink-600 sm:h-52 lg:h-64"><div class="text-white text-center"><div class="mb-4 text-lg font-bold sm:text-xl lg:text-2xl">Recherche IA</div><div class="mx-auto mb-2 flex h-12 w-12 items-center justify-center rounded-full bg-white/20 sm:h-14 sm:w-14 lg:h-16 lg:w-16"><svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M4 5a2 2 0 00-2 2v8a2 2 0 002 2h12a2 2 0 002-2V7a2 2 0 00-2-2h-1.586a1 1 0 01-.707-.293l-1.414-1.414A1 1 0 015.586 3H8.414a1 1 0 00-.707.293L6.293 4.707A1 1 0 015.586 5H4zm6 9a3 3 0 100-6 3 3 0 000 6z" clip-rule="evenodd"/></svg></div><div class="text-xs sm:text-sm">Prenez une photo, trouvez des produits</div></div></div></div>
147<div class="overflow-hidden rounded-[1.2rem] shadow-xl lg:rotate-1"><div class="flex h-40 w-full items-center justify-center bg-gradient-to-br from-pink-500 to-orange-500 sm:h-52 lg:h-64"><div class="text-white text-center"><div class="mb-4 text-lg font-bold sm:text-xl lg:text-2xl">Filtres intelligents</div><div class="space-y-2"><div class="flex justify-center space-x-2"><div class="w-4 h-4 bg-red-400 rounded-full"></div><div class="w-4 h-4 bg-blue-400 rounded-full"></div><div class="w-4 h-4 bg-green-400 rounded-full"></div></div><div class="text-xs sm:text-sm">Filtrage visuel</div></div></div></div></div><div class="overflow-hidden rounded-[1.2rem] shadow-xl lg:mt-6 lg:-rotate-1"><div class="flex h-40 w-full items-center justify-center bg-gradient-to-br from-green-500 to-blue-600 sm:h-52 lg:h-64"><div class="text-white text-center"><div class="mb-4 text-lg font-bold sm:text-xl lg:text-2xl">Résultats rapides</div><div class="mx-3 grid grid-cols-2 gap-2 sm:mx-4"><div class="flex h-7 w-10 items-center justify-center rounded bg-white/20 text-xs sm:h-8 sm:w-12">$99</div><div class="flex h-7 w-10 items-center justify-center rounded bg-white/20 text-xs sm:h-8 sm:w-12">$199</div><div class="flex h-7 w-10 items-center justify-center rounded bg-white/20 text-xs sm:h-8 sm:w-12">$299</div><div class="flex h-7 w-10 items-center justify-center rounded bg-white/20 text-xs sm:h-8 sm:w-12">$399</div></div></div></div></div></div></div><div class="w-full lg:w-1/2"><h2 class="mb-6 text-2xl font-bold sm:text-3xl"><span class="bg-clip-text text-transparent bg-gradient-to-r from-indigo-600 via-purple-600 to-pink-500">Achetez visuellement comme jamais</span></h2><div class="space-y-6"><div class="flex flex-col gap-3 sm:flex-row sm:items-start"><div class="flex-shrink-0 rounded-lg bg-gradient-to-br from-indigo-500 to-purple-600 p-3 sm:mr-4"><svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"/></svg></div><div><h3 class="mb-2 text-lg font-semibold text-gray-800 sm:text-xl">Mise en page en grille</h3><p class="text-gray-600">Voyez plus de produits à la fois grâce à notre disposition en grille qui met les images en avant et optimise votre expérience d'achat.</p></div></div><div class="flex flex-col gap-3 sm:flex-row sm:items-start"><div class="flex-shrink-0 rounded-lg bg-gradient-to-br from-purple-500 to-pink-600 p-3 sm:mr-4"><svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 13a3 3 0 11-6 0 3 3 0 016 0z"/></svg></div><div><h3 class="mb-2 text-lg font-semibold text-gray-800 sm:text-xl">Technologie de recherche par image</h3><p class="text-gray-600 mb-4">Prenez une photo de n'importe quel objet et notre IA trouvera des produits similaires instantanément. Fini les difficultés avec les bons mots-clés.</p></div></div><div class="flex flex-col gap-3 sm:flex-row sm:items-start"><div class="flex-shrink-0 rounded-lg bg-gradient-to-br from-pink-500 to-orange-500 p-3 sm:mr-4"><svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"/></svg></div><div><h3 class="mb-2 text-lg font-semibold text-gray-800 sm:text-xl">Filtres visuels intuitifs</h3><p class="text-gray-600">Affinez facilement votre recherche avec nos filtres visuels intelligents. Filtrez par couleur, style, marque et plus encore, le tout via une interface visuelle intuitive pour trouver exactement ce que vous cherchez.</p></div></div></div><div class="mt-8"><a class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-gradient-to-r from-indigo-600 to-purple-600 hover:from-indigo-700 hover:to-purple-700" href="/search?q=popular">Essayer le shopping visuel<svg class="ml-2 w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"/></svg></a></div></div></div></div></section><section class="bg-gradient-to-r from-indigo-50 via-purple-50 to-pink-50 py-12 sm:py-14"><div class="container mx-auto px-4 text-center sm:px-6"><h2 class="mb-10 text-2xl font-bold sm:text-3xl"><span class="bg-clip-text text-transparent bg-gradient-to-r from-indigo-600 via-purple-600 to-pink-500">Les acheteurs adorent notre expérience visuelle</span></h2><div class="grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6 xl:grid-cols-3 xl:gap-8"><div class="rounded-xl bg-white p-5 shadow-md transition-all duration-300 hover:scale-[1.02] sm:last:col-span-2 sm:p-6 xl:last:col-span-1"><div class="mb-3 bg-gradient-to-r from-indigo-600 to-purple-600 bg-clip-text text-4xl font-bold text-transparent sm:text-5xl">40%</div><p class="text-gray-700">De nos nouveaux visiteurs deviennent des clients fidèles</p></div><div class="rounded-xl bg-white p-5 shadow-md transition-all duration-300 hover:scale-[1.02] sm:p-6"><div class="mb-3 bg-gradient-to-r from-purple-600 to-pink-600 bg-clip-text text-4xl font-bold text-transparent sm:text-5xl">2.5x</div><p class="text-gray-700">Plus de produits découverts par rapport à la recherche traditionnelle</p></div><div class="rounded-xl bg-white p-5 shadow-md transition-all duration-300 hover:scale-[1.02] sm:col-span-2 sm:p-6 xl:col-span-1"><div class="mb-3 bg-gradient-to-r from-pink-600 to-orange-500 bg-clip-text text-4xl font-bold text-transparent sm:text-5xl">5â
</div><p class="text-gray-700">Note moyenne de nos acheteurs réguliers</p></div></div><div class="mx-auto mt-10 max-w-2xl text-center sm:mt-12"><p class="text-lg text-gray-700 italic">"Shopes a révolutionné ma façon d'acheter en ligne. La recherche visuelle est géniale - je prends une photo et je trouve exactement ce que je cherche !"</p><p class="mt-4 font-medium text-indigo-600">â Sarah T., Utilisatrice fidèle de Shopes</p></div></div></section><section class="bg-gray-100 py-12"><div class="container mx-auto px-4 sm:px-6"><h2 class="mb-10 text-center text-2xl font-bold sm:mb-12 sm:text-3xl"><span class="bg-clip-text text-transparent bg-gradient-to-r from-pink-500 to-orange-500">Expérience d'achat eBay visuelle</span></h2><div class="grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6 xl:grid-cols-3 xl:gap-8"><div class="overflow-hidden rounded-xl bg-white shadow-lg transition-all duration-300 hover:-translate-y-1 hover:shadow-xl sm:last:col-span-2 xl:last:col-span-1"><div class="h-3 bg-gradient-to-r from-indigo-500 to-blue-500"></div><div class="p-5 sm:p-6"><h3 class="mb-3 text-xl font-bold text-gray-800">Filtrage visuel avancé</h3><p class="mb-4 text-gray-600">Filtrez par catégorie, prix, état et plus encore avec notre interface visuelle intuitive.</p><a class="text-indigo-600 font-medium transition-colors hover:text-indigo-800" href="/search?q=deals">Essayer les filtres â</a></div></div><div class="overflow-hidden rounded-xl bg-white shadow-lg transition-all duration-300 hover:-translate-y-1 hover:shadow-xl"><div class="h-3 bg-gradient-to-r from-pink-500 to-red-500"></div><div class="p-5 sm:p-6"><h3 class="mb-3 text-xl font-bold text-gray-800">Résultats axés sur l'image</h3><p class="mb-4 text-gray-600">Notre mise en page intelligente axée sur l'image est propulsée par une IA avancée pour vous aider à découvrir les produits visuellement.</p><a class="text-pink-600 font-medium transition-colors hover:text-pink-800" href="/search?q=popular">Voir des exemples â</a></div></div><div class="overflow-hidden rounded-xl bg-white shadow-lg transition-all duration-300 hover:-translate-y-1 hover:shadow-xl sm:col-span-2 xl:col-span-1"><div class="h-3 bg-gradient-to-r from-yellow-400 to-amber-500"></div><div class="p-5 sm:p-6"><h3 class="mb-3 text-xl font-bold text-gray-800">Recherche visuelle de produits</h3><p class="mb-4 text-gray-600">Prenez une photo de n'importe quel objet et laissez notre IA trouver des produits similaires instantanément.</p><button class="text-amber-600 font-medium transition-colors hover:text-amber-800" type="button">Essayer la recherche par image â</button></div></div></div></div></section></main><footer class="bg-gray-800 text-white py-8 mt-auto"><div class="container mx-auto px-6"><div class="flex flex-col md:flex-row justify-between items-center"><div class="mb-4 md:mb-0"><p>© <!-- -->2025<!-- --> <!-- -->Shopes France. Tous droits réservés.</p></div><div class="flex flex-wrap gap-x-4 gap-y-2"><a class="hover:text-yellow-300 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-400 rounded" href="/sitemap.xml">Plan du site</a><a class="hover:text-yellow-300 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-400 rounded" href="/terms">Conditions d'utilisation</a><a class="hover:text-yellow-300 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-400 rounded" href="/privacy">Politique de confidentialité</a><a class="hover:text-yellow-300 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-400 rounded" href="/contact">Nous contacter</a><a href="https://shopes.co.uk" class="hover:text-yellow-300 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-400 rounded" rel="noopener noreferrer"><span class="inline-flex items-center gap-2"><span aria-label="UK" title="UK" class="inline-flex items-center"><svg width="20" height="15" viewBox="0 0 60 30" aria-hidden="true" focusable="false" class="inline-block rounded-sm overflow-hidden">
147<clipPath id="t-gb"><path d="M0,0 v30 h60 v-30 z"/></clipPath><clipPath id="s-gb"><path d="M30,15 h30 v15 z v15 h-30 z h-30 v-15 z v-15 h30 z"/></clipPath><g clip-path="url(#t-gb)"><path d="M0,0 v30 h60 v-30 z" fill="#012169"/><path d="M0,0 L60,30 M60,0 L0,30" stroke="#FFF" stroke-width="6"/><path d="M0,0 L60,30 M60,0 L0,30" stroke="#C8102E" stroke-width="4" clip-path="url(#s-gb)"/><path d="M30,0 v30 M0,15 h60" stroke="#FFF" stroke-width="10"/><path d="M30,0 v30 M0,15 h60" stroke="#C8102E" stroke-width="6"/></g></svg></span><span>English</span></span></a><span class="text-yellow-300 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-400 rounded" aria-current="page"><span class="inline-flex items-center gap-2"><span aria-label="FR" title="FR" class="inline-flex items-center"><svg width="20" height="15" viewBox="0 0 20 15" aria-hidden="true" focusable="false" class="inline-block rounded-sm overflow-hidden"><rect width="20" height="15" fill="#ffffff"/><rect width="6.6667" height="15" x="0" y="0" fill="#0055A4"/><rect width="6.6667" height="15" x="13.3333" y="0" fill="#EF4135"/></svg></span><span>Français</span></span></span><a href="https://shopes.it" class="hover:text-yellow-300 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-400 rounded" rel="noopener noreferrer"><span class="inline-flex items-center gap-2"><span aria-label="IT" title="IT" class="inline-flex items-center"><svg width="20" height="15" viewBox="0 0 20 15" aria-hidden="true" focusable="false" class="inline-block rounded-sm overflow-hidden"><rect width="20" height="15" fill="#ffffff"/><rect width="6.6667" height="15" x="0" y="0" fill="#009246"/><rect width="6.6667" height="15" x="13.3333" y="0" fill="#CE2B37"/></svg></span><span>Italiano</span></span></a></div></div></div></footer><div class="pointer-events-none" aria-hidden="true"><div class="fixed bottom-3 left-3 right-3 z-50 pointer-events-none sm:bottom-0 sm:left-0 sm:right-0"><div class="pointer-events-auto rounded-2xl border border-white/10 bg-gray-900/95 px-3 py-3 text-white shadow-2xl backdrop-blur transition-transform duration-300 ease-out sm:rounded-none sm:border-x-0 sm:border-b-0 sm:px-4 sm:py-4" style="transform:translateY(110%);opacity:0"><div class="mx-auto flex max-w-6xl flex-col gap-3 sm:flex-row sm:items-center sm:justify-between"><p class="text-xs leading-5 text-white/85 sm:text-sm"><span class="sm:hidden">Nous utilisons des cookies pour le site, les statistiques et le marketing.</span><span class="hidden sm:inline">Ce site utilise des cookies et d'autres technologies de suivi pour faciliter la navigation, analyser votre utilisation de nos produits et services, contribuer à nos efforts promotionnels et marketing, et fournir du contenu tiers.</span></p><button class="w-full rounded-lg bg-indigo-600 px-4 py-2 text-sm font-bold text-white transition-colors duration-200 hover:bg-indigo-700 sm:w-auto sm:whitespace-nowrap">OK</button></div></div></div></div></div></div></div><noscript><img src="/api/bot-tracker/pixel?p=__PATH__" width="1" height="1" alt style="position:absolute;left:-9999px" aria-hidden="true"></noscript>
147<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"853b702f25904c26bb809c8b2430586c","r":1,"spa":2}' crossorigin="anonymous"></script>
147 148</body></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.