<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Voitures d'occasion : 270 196 annonces disponibles | L&#039;argus Occasion</title>
    <meta name="description" content="Vous recherchez une voiture d'occasion ? Parcourez nos 270 196 annonces de professionnels et particuliers et trouvez la voiture d'occasion qu'il vous faut.">
            <link rel="icon" href="/build/images/favicon-largus-fr.ico" type="image/x-icon">
            <style>
        :root {
            --color-primary: #434b51;
            --color-primary-hover: #363d42;
            --color-secondary: #2b3136;
            --color-accent: #c52127;
            --color-light: #f5f8fa;
            --color-hero-button: #c70e0d;
            --color-hero-button-hover: #a50b0a;
        }
    </style>
    <link rel="stylesheet" href="/build/front.00aad99d.css">
    <link rel="stylesheet" href="https://www.largus.fr/shell.css">
    <script type="application/ld+json">
[
    {
        "@context": "https://schema.org",
        "@type": "BreadcrumbList",
        "itemListElement": [
            {
                "@type": "ListItem",
                "position": 1,
                "name": "Accueil",
                "item": "https://occasion.largus.fr/"
            },
            {
                "@type": "ListItem",
                "position": 2,
                "name": "Voiture occasion",
                "item": "https://occasion.largus.fr/auto/"
            }]
    },
    {
        "@context": "https://schema.org",
        "@type": "ItemList",
        "name": "Voitures d'occasion",
        "numberOfItems": 270196,
        "itemListElement": [
                        {
                "@type": "ListItem",
                "position": 1,
                "url": "https://occasion.largus.fr/auto/annonce-c8cbdc0c-e5e3-4358-98a5-ece494370d26-audi-q3-262459km"
            },                        {
                "@type": "ListItem",
                "position": 2,
                "url": "https://occasion.largus.fr/auto/annonce-d7659dc8-7fa1-45b8-af30-3206c16aa71c-renault-clio-185000km"
            },                        {
                "@type": "ListItem",
                "position": 3,
                "url": "https://occasion.largus.fr/auto/annonce-be074024-91c5-405c-b827-a086d10f60be-alfa-romeo-gt-98326km"
            },                        {
                "@type": "ListItem",
                "position": 4,
                "url": "https://occasion.largus.fr/auto/annonce-a6bb62e2-c312-49f9-8d30-e396eba94020-ds-ds-4-109665km"
            },                        {
                "@type": "ListItem",
                "position": 5,
                "url": "https://occasion.largus.fr/auto/annonce-070c67e3-d53c-44ba-b8c8-083025b33e79-ford-custom-10km"
            },                        {
                "@type": "ListItem",
                "position": 6,
                "url": "https://occasion.largus.fr/auto/annonce-ba121e14-4e23-4c78-a5a1-9397d922a2f3-volvo-xc60-143148km"
            },                        {
                "@type": "ListItem",
                "position": 7,
                "url": "https://occasion.largus.fr/auto/annonce-0a28261f-a486-46af-a6e5-a80d89c15740-ford-kuga-114627km"
            },                        {
                "@type": "ListItem",
                "position": 8,
                "url": "https://occasion.largus.fr/auto/annonce-890ce6a4-c96e-42b5-a0ba-4eae210b266f-peugeot-2008-2018-76380km"
            },                        {
                "@type": "ListItem",
                "position": 9,
                "url": "https://occasion.largus.fr/auto/annonce-5e880563-6b7f-4685-ae96-4a00ac29d224-mercedes-benz-classe-m-ml-375000km"
            },                        {
                "@type": "ListItem",
                "position": 10,
                "url": "https://occasion.largus.fr/auto/annonce-a7730144-5bff-4ab9-ade4-6f65aa7dec0d-ford-focus-215153km"
            },                        {
                "@type": "ListItem",
                "position": 11,
                "url": "https://occasion.largus.fr/auto/annonce-a5a053e6-bfb5-48af-a425-39ac64478efc-citroen-c4-85347km"
            },                        {
                "@type": "ListItem",
                "position": 12,
                "url": "https://occasion.largus.fr/auto/annonce-f6853453-a825-4f16-b003-3fe62c3beaea-volkswagen-golf-10km"
            },                        {
                "@type": "ListItem",
                "position": 13,
                "url": "https://occasion.largus.fr/auto/annonce-670cbb56-88fb-4cfb-9d7f-e3916aee06e4-jaguar-f-pace-185025km"
            },                        {
                "@type": "ListItem",
                "position": 14,
                "url": "https://occasion.largus.fr/auto/annonce-b2a3337b-18db-4903-9714-8ea772701946-seat-leon-150034km"
            },                        {
                "@type": "ListItem",
                "position": 15,
                "url": "https://occasion.largus.fr/auto/annonce-45141057-3f4d-4efe-9297-dd0ab2555ec4-renault-twingo-196302km"
            },                        {
                "@type": "ListItem",
                "position": 16,
                "url": "https://occasion.largus.fr/auto/annonce-2131d4a1-0817-4bb3-939c-a1040275c771-ford-edge-141415km"
            },                        {
                "@type": "ListItem",
                "position": 17,
                "url": "https://occasion.largus.fr/auto/annonce-29f6ec52-0d74-4b55-a39e-09eb9920ba3e-opel-combo-2025-10km"
            },                        {
                "@type": "ListItem",
                "position": 18,
                "url": "https://occasion.largus.fr/auto/annonce-f94faa5c-c4ae-4e22-bc1d-23255dabb688-ford-fiesta-163047km"
            },                        {
                "@type": "ListItem",
                "position": 19,
                "url": "https://occasion.largus.fr/auto/annonce-d5ffc797-a5f5-410f-9def-42057eb2b98a-opel-mokka-118609km"
            },                        {
                "@type": "ListItem",
                "position": 20,
                "url": "https://occasion.largus.fr/auto/annonce-50d61445-4903-4f78-b065-c43556ec5259-toyota-rav4-204138km"
            },                        {
                "@type": "ListItem",
                "position": 21,
                "url": "https://occasion.largus.fr/auto/annonce-34f4009c-e107-4517-8ae7-a296f505a353-volkswagen-amarok-155638km"
            },                        {
                "@type": "ListItem",
                "position": 22,
                "url": "https://occasion.largus.fr/auto/annonce-ccb75b14-4442-4bb8-b8ee-5e0475790798-volkswagen-golf-100000km"
            },                        {
                "@type": "ListItem",
                "position": 23,
                "url": "https://occasion.largus.fr/auto/annonce-be950f99-9d1b-4bde-944b-2a0cde9fd974-mg-mg-motor-mg3-2025-10km"
            },                        {
                "@type": "ListItem",
                "position": 24,
                "url": "https://occasion.largus.fr/auto/annonce-35eb5690-f375-47df-a172-48bd80a95c80-opel-corsa-60005km"
            }                    ]
    }
]
</script>
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-DQ2ZNN15ZE"></script>
<script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', "G-DQ2ZNN15ZE", {"page_type":"ad_list","content_group":"occasion"});
</script>
        <script>
window.didomiConfig = {
    integrations: {
        vendors: {
            google: {
                refresh: false,
                passTargetingVariables: false
            }
        }
    }
};
</script>
<script type="text/javascript">(function(){function i(e){if(!window.frames[e]){if(document.body&&document.body.firstChild){var t=document.body;var n=document.createElement("iframe");n.style.display="none";n.name=e;n.title=e;t.insertBefore(n,t.firstChild)}else{setTimeout(function(){i(e)},5)}}}function e(n,o,r,f,s){function e(e,t,n,i){if(typeof n!=="function"){return}if(!window[o]){window[o]=[]}var a=false;if(s){a=s(e,i,n)}if(!a){window[o].push({command:e,version:t,callback:n,parameter:i})}}e.stub=true;e.stubVersion=2;function t(i){if(!window[n]||window[n].stub!==true){return}if(!i.data){return}var a=typeof i.data==="string";var e;try{e=a?JSON.parse(i.data):i.data}catch(t){return}if(e[r]){var o=e[r];window[n](o.command,o.version,function(e,t){var n={};n[f]={returnValue:e,success:t,callId:o.callId};if(i.source){i.source.postMessage(a?JSON.stringify(n):n,"*")}},o.parameter)}}if(typeof window[n]!=="function"){window[n]=e;if(window.addEventListener){window.addEventListener("message",t,false)}else{window.attachEvent("onmessage",t)}}}e("__tcfapi","__tcfapiBuffer","__tcfapiCall","__tcfapiReturn");i("__tcfapiLocator")})();</script>
<script type="text/javascript">(function(){(function(e,i,o){var n=document.createElement("link");n.rel="preconnect";n.as="script";var t=document.createElement("link");t.rel="dns-prefetch";t.as="script";var r=document.createElement("script");r.id="spcloader";r.type="text/javascript";r["async"]=true;r.charset="utf-8";window.didomiConfig=window.didomiConfig||{};window.didomiConfig.sdkPath=window.didomiConfig.sdkPath||o||"https://sdk.privacy-center.org/";const d=window.didomiConfig.sdkPath;var a=d+e+"/loader.js?target_type=notice&target="+i;if(window.didomiConfig&&window.didomiConfig.user){var c=window.didomiConfig.user;var s=c.country;var f=c.region;if(s){a=a+"&country="+s;if(f){a=a+"&region="+f}}}n.href=d;t.href=d;r.src=a;var m=document.getElementsByTagName("script")[0];m.parentNode.insertBefore(n,m);m.parentNode.insertBefore(t,m);m.parentNode.insertBefore(r,m)})("8b342751-31f8-477f-9e68-c1b7f8e91786","pty6jKm9")})();</script>
        <link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script" type="text/javascript" />
<script>
    var optidigitalQueue = optidigitalQueue || {};
    optidigitalQueue.cmd = optidigitalQueue.cmd || [];
</script>
<script type='module' id='optidigital-ad-init' async data-config='{"adUnit": "/21684682213/Occasion_largus/auto/listing"}'
    src='//scripts.opti-digital.com/modules/?site=largus_fr_newcom'>
</script>
<script type="didomi/javascript" data-vendor-raw="didomi:google" data-purposes="cookies" async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
</head>
<body class="min-h-screen flex flex-col bg-white text-gray-900" style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;">
    <div class="shell-remote"><div id="mobile-nav" class="block md:hidden lg:hidden hidden-print">
	<div class="list-mobile-nav-container">
		<ul class="list-unstyled">
			<li class="mobile-nav-item univers-cote ">
				<a href="https://www.largus.fr/cote" class="analytics-menu" data-section="cote" onclick="setTrackEventMenu('menu_global_edito_cote');return true;">
					Cote Argus<sup>®</sup>
				</a>
			</li>
			<li class="mobile-nav-item univers-actu ">
				<a href="https://www.largus.fr/actualite-automobile/essais" class="analytics-menu" data-section="edito_essais" onclick="setTrackEventMenu('menu_global_edito_essais');">
					Essais
				</a>
			</li>
			<li class="mobile-nav-item univers-actu  ">
				<a href="https://www.largus.fr/actualite-automobile/nouveautes" class="analytics-menu" data-section="edito_nouveautes" onclick="setTrackEventMenu('menu_global_edito_nouveautes');">
					Nouveautés
				</a>
			</li>
			<li class="mobile-nav-item univers-actu ">
				<a href="https://www.largus.fr/actualite-automobile" class="analytics-menu" data-section="edito_actualites" onclick="setTrackEventMenu('menu_global_edito_actualites');">
					Actus
				</a>
			</li>
			<li class="mobile-nav-item univers-actu ">
				<a href="https://www.largus.fr/guide-achat" class="analytics-menu" data-section="edito_guide_achat" onclick="setTrackEventMenu('menu_global_edito_guide_achat');">
					Guide d'achat
				</a>
			</li>
			<li class="mobile-nav-item univers-occas ">
				<a href="https://occasion.largus.fr" class="analytics-menu" data-section="occasion" onclick="setTrackEventMenu('menu_global_occasion');">
					Annonces auto
				</a>
			</li>
			<li class="mobile-nav-item univers-occas ">
				<a href="https://www.largus.fr/vendre-voiture" class="analytics-menu" data-section="sell" onclick="setTrackEventMenu('menu_global_sell');">
					Vendre
				</a>
			</li>
			<li class="mobile-nav-item univers-communaute ">
				<a href="https://www.largus.fr/forum-auto" class="analytics-menu" data-section="forum_auto" onclick="setTrackEventMenu('menu_global_forum_auto');">
					Forum
				</a>
			</li>
			<li class="mobile-nav-item univers-hubmarquemodele ">
				<a href="https://www.largus.fr/Toutes-Marques.html" class="analytics-menu" data-section="hub" onclick="setTrackEventMenu('menu_global_hub');">
					Toutes les marques
				</a>
			</li>
			<li class="mobile-nav-item univers-actu univers-abopro-menu">
				<a href="https://www.largus.fr/pros" class="analytics-menu" data-section="edito_pro" onclick="setTrackEventMenu('menu_global_edito_pro');">
					<span class="main-label-menu">Professionnels</span>
				</a>
			</li>
			<li class="mobile-nav-item news-feed-item">
				<a href="https://www.largus.fr/actualite-automobile/electriques-hybrides">
					Véhicules électriques/hybrides
				</a>
			</li>
		
			<li class="mobile-nav-item news-feed-item">
				<a href="https://www.largus.fr/Citroen_C3.html">
					Citroën C3
				</a>
			</li>
		
			<li class="mobile-nav-item news-feed-item">
				<a href="https://www.largus.fr/Renault_5.html">
					Renault 5
				</a>
			</li>
		
			<li class="mobile-nav-item news-feed-item">
				<a href="https://www.largus.fr/actualite-automobile/bonus-ecologique-comment-fonctionne-le-nouveau-coup-de-pouce-instaure-au-1er-juillet-2025-30041084.html">
					Bonus écologique 2025
				</a>
			</li>
		
			<li class="mobile-nav-item news-feed-item">
				<a href="https://www.largus.fr/actualite-automobile/electriques-hybrides/bio-ethanol">
					Tout savoir sur l'E85
				</a>
			</li>
		</ul>
	
		<div class="btn-access-container">
			<a href="https://www.largus.fr/mon-argus" class="btn btn-access">Accès pro</a>
			<a href="https://www.largus.fr/mon-argus" class="btn btn-access">Mon Argus<sup>®</sup></a>
		</div>
	</div>
</div>
<div id="container-sticky-mobile">
    <header id="main-header">
        <div class="container">
            <div class="btn-menu-mobile">
                <button type="button" id="btn-mobile-nav">
                    <span class="sr-only">Afficher/cacher le menu</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <div class="logo">
                <a href="https://www.largus.fr/"><h1><img class="logo" src="https://www.largus.fr/images/largus/largus.png" alt="L'Argus : cote auto, voiture d'occasion et actualit&eacute; auto" title="L&#039;Argus"></h1></a>
            </div>
            <div class="btn-search-mobile">
                <button id="btn-mobile-search" type="button" class="float-right">
                    <span class="sr-only">Afficher/cacher la recherche</span>
                </button>

                <div id="mobile-search">
                    <span class="bridge"></span>
                    <form class="clearfix" method="get" action="/actualite-automobile/archive/" autocomplete="off" accept-charset="utf-8">
                        <input type="search" class="default-textinput medium-textinput" name="query" placeholder="Rechercher sur largus.fr">
                        <button type="submit" class="mobile-search-btn btn btn-sm btn-noir pull-right" title="Lancer la recherche">OK</button>
                    </form>
                    <div class="recherche-modele-carrefour-header">
                        <div class="hub-marque-model-header-title">Rechercher un modèle</div>
                        <div class="block-content">
                            <form class="form-carrefour-modele-header" data-brand-model-search role="form" action="/Toutes-Marques.html" autocomplete="off">
                                <div class="form-group">
                                    <select name="marque" class="small-select default-select select-marque" required>
                                        <option value="" disabled selected>Marque</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <select name="modele" class="small-select default-select">
                                        <option value="" disabled selected>Modèle</option>
                                    </select>
                                </div>
                                <button type="submit" class="btn btn-access">OK</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="search">
                <form data-brand-model-search action="/actualite-automobile/archive/" autocomplete="off">
                    <div class="form">
                        <input type="text" name="query" value="" placeholder="Rechercher sur largus.fr">
                        <button type="submit">rechercher</button>
                    </div>
                    <div class="title">
                        <span>Rechercher un modèle</span>
                    </div>
                    <div class="selects">
                        <select name="marque"><option value="" disabled selected>Marque</option></select>
                        <select name="modele"><option value="" disabled selected>Modèle</option></select>
                        <button type="submit" name="ok">OK</button>
                    </div>
                </form>
            </div>
            <div class="access">
                <div class="row">
                    <div>
                        <a href="https://www.largus.fr/mon-argus">Accès pro</a>
                        <a href="https://www.largus.fr/mon-argus">Mon Argus<sup>®</sup></a>
                    </div>
                </div>
            </div>
        </div>
    </header>
</div>
<nav id="main-nav">
    <ul class="main-nav">
        <li class="univers-cote"><a href="https://www.largus.fr/cote">Cote Argus<sup>®</sup></a>
            <div class="sub-nav-panel">
                <div class="row">
                    <div class="panel-col panel-col--4">
                        <div class="sub-nav">
                            <ul class="list-unstyled">
                                <li>
                                    <a href="https://www.largus.fr/cote/voitures-particulieres.html"><span class="picto voiture"></span>Cote Argus Voiture particulière</a>
                                </li>
                                <li>
                                    <a href="https://www.largus.fr/cote/utilitaires-legers.html"><span class="picto utilitaire"></span>Cote Argus Utilitaire léger</a>
                                </li>
                            </ul>
                                                    </div>
                    </div>
                    <div class="panel-col panel-col--4">
                        <div class="top-vehicules top-marques">
                            <div class="title">Top Marques Cote Argus</div>
                            <ul class="list-unstyled">
                                <li class="liste-mm-item odd">
                                    <a href="https://www.largus.fr/cote/voitures-particulieres/Peugeot.html">
                                        <div>
                                            <div class="media">
                                                <img alt="Peugeot" src="https://www.largus.fr/images/largus/peugeot.png">
                                            </div>
                                        </div>
                                        <div>
                                            <a class="libelle gradient" href="https://www.largus.fr/cote/voitures-particulieres/Peugeot.html" title="Cote Peugeot">Peugeot</a>
                                        </div>
                                    </a>
                                </li>
                                <li class="liste-mm-item">
                                    <a href="https://www.largus.fr/cote/voitures-particulieres/Renault.html">
                                        <div>
                                            <div class="media">
                                                <img alt="Renault" src="https://www.largus.fr/images/largus/renault.png">
                                            </div>
                                        </div>
                                        <div>
                                            <a class="libelle gradient" href="https://www.largus.fr/cote/voitures-particulieres/Renault.html" title="Cote Renault">Renault</a>
                                        </div>
                                    </a>
                                </li>
                                <li class="liste-mm-item odd">
                                    <a href="https://www.largus.fr/cote/voitures-particulieres/Citro%C3%ABn.html">
                                        <div>
                                            <div class="media">
                                                <img alt="Citroën" src="https://www.largus.fr/images/largus/citroen.png">
                                            </div>
                                        </div>
                                        <div>
                                            <a class="libelle gradient" href="https://www.largus.fr/cote/voitures-particulieres/Citro%C3%ABn.html" title="Cote Citroën">Citroën</a>
                                        </div>
                                    </a>
                                </li>
                                <li class="liste-mm-item">
                                    <a href="https://www.largus.fr/cote/voitures-particulieres/Volkswagen.html">
                                        <div>
                                            <div class="media">
                                                <img alt="Volkswagen" src="https://www.largus.fr/images/largus/volkswagen.png">
                                            </div>
                                        </div>
                                        <div>
                                            <a class="libelle gradient" href="https://www.largus.fr/cote/voitures-particulieres/Volkswagen.html" title="Cote Volkswagen">Volkswagen</a>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel-col panel-col--4">
                        <div class="top-vehicules top-models">
                            <div class="title">Top Modèles Cote Argus</div>
                            <ul class="list-unstyled">
                                <li class="liste-mm-item odd">
                                    <a href="https://www.largus.fr/cote/voitures-particulieres/Peugeot/Clio.html">
                                        <div>
                                            <div class="media">
                                                <img alt="Renault Clio" src="https://www.largus.fr/images/largus/renault-clio.jpg">
                                            </div>
                                        </div>
                                        <div>
                                            <a class="libelle gradient" href="https://www.largus.fr/cote/voitures-particulieres/Peugeot/Clio.html" title="Cote Renault Clio">Renault Clio</a>
                                        </div>
                                    </a>
                                </li>
                                <li class="liste-mm-item">
                                    <a href="https://www.largus.fr/cote/voitures-particulieres/Peugeot/208.html">
                                        <div>
                                            <div class="media">
                                                <img alt="Peugeot 208" src="https://www.largus.fr/images/largus/peugeot-208.jpg">
                                            </div>
                                        </div>
                                        <div>
                                            <a class="libelle gradient" href="https://www.largus.fr/cote/voitures-particulieres/Peugeot/208.html" title="Cote Peugeot 208">Peugeot 208</a>
                                        </div>
                                    </a>
                                </li>
                                <li class="liste-mm-item odd">
                                    <a href="https://www.largus.fr/cote/voitures-particulieres/Peugeot/3008.html">
                                        <div>
                                            <div class="media">
                                                <img alt="Peugeot 3008" src="https://www.largus.fr/images/largus/peugeot-3008.jpg">
                                            </div>
                                        </div>
                                        <div>
                                            <a class="libelle gradient" href="https://www.largus.fr/cote/voitures-particulieres/Peugeot/3008.html" title="Cote Peugeot 3008">Peugeot 3008</a>
                                        </div>
                                    </a>
                                </li>
                                <li class="liste-mm-item">
                                    <a href="https://www.largus.fr/cote/voitures-particulieres/Citro%C3%ABn/C3.html">
                                        <div>
                                            <div class="media">
                                                <img alt="Citroën C3" src="https://www.largus.fr/images/largus/citroen-c3.jpg">
                                            </div>
                                        </div>
                                        <div>
                                            <a class="libelle gradient" href="https://www.largus.fr/cote/voitures-particulieres/Citro%C3%ABn/C3.html" title="Cote Citroën C3">Citroën C3</a>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <span class="panel-clear"></span>
                </div>
            </div>
        </li>
                                    <li class="univers-actu-essais">
                                                                    <a href="https://www.largus.fr/actualite-automobile/essais">Essais</a>
                
                                    <div class="sub-nav-panel">
                        <div class="row">
                            <div class="panel-col panel-col--3">
                                <div class="sub-nav">
                                    <ul class="list-unstyled">
                                                                                                                                                                            <li><a href="https://www.largus.fr/actualite-automobile/essais/comparatifs">Comparatifs</a></li>
                                                                                                                                                                            <li><a href="https://www.largus.fr/actualite-automobile/essais/deux-roues">Deux roues</a></li>
                                                                                                                                                                            <li><a href="https://www.largus.fr/actualite-automobile/essais/dossiers">Dossiers</a></li>
                                                                                                                                                                            <li><a href="https://www.largus.fr/actualite-automobile/essais/voitures">Voitures</a></li>
                                                                                                                                                                            <li><a href="https://www.largus.fr/actualite-automobile/essais/vi-vu">VI/VU</a></li>
                                                                            </ul>
                                </div>
                            </div>
                                                                                                                                                                                                                                                                                            <div class="panel-col panel-col--4 panel-col--padded">
                                                                                                                                            <article class="article-2x1 article-media">
                                                    <div class="article-content">
                                                        <a href="https://www.largus.fr/actualite-automobile/essai-renault-twingo-e-tech-evolution-2026-que-vaut-la-twingo-premier-prix-2197726.html">
                                                            <div class="article-media-col">
                                                                <div class="media">
                                                                                                                                            <img alt="Essai Renault Twingo E-Tech Évolution (2026) : que vaut la Twingo premier prix ?" src="https://images.largus.fr/photos-cms/2026/5/essai-renault-twingo-evolution-bbr-2026-63_exportargusweb.jpg" srcset="https://images.largus.fr/photos-cms/2026/5/essai-renault-twingo-evolution-bbr-2026-63_exportargusweb.jpg">
                                                                                                                                    </div>
                                                            </div>
                                                            <div class="article-text-col">
                                                                <div class="article-title">Essai Renault Twingo E-Tech Évolution (2026) : que vaut la Twingo premier prix ?</div>
                                                            </div>
                                                        </a>
                                                    </div>
                                                </article>
                                                                                                                                                                                        <article class="article-2x1 article-media">
                                                    <div class="article-content">
                                                        <a href="https://www.largus.fr/actualite-automobile/essai-extreme-le-land-rover-defender-octa-leve-la-poussiere-au-nurburgring-2196994.html">
                                                            <div class="article-media-col">
                                                                <div class="media">
                                                                                                                                            <img alt="Essai extrême : le Land Rover Defender Octa lève la poussière au Nürburgring !" src="https://images.largus.fr/photos-cms/2026/5/Land-Rover-Defender-Octa-Nurburgring-test-2026-3-extnd-768x415.jpg" srcset="https://images.largus.fr/photos-cms/2026/5/Land-Rover-Defender-Octa-Nurburgring-test-2026-3-extnd-768x415.jpg">
                                                                                                                                    </div>
                                                            </div>
                                                            <div class="article-text-col">
                                                                <div class="article-title">Essai extrême : le Land Rover Defender Octa lève la poussière au Nürburgring !</div>
                                                            </div>
                                                        </a>
                                                    </div>
                                                </article>
                                                                                    </div>
                                                                            <div class="panel-col panel-col--4 panel-col--padded">
                                                                                                                                            <article class="article-2x1 article-media">
                                                    <div class="article-content">
                                                        <a href="https://www.largus.fr/actualite-automobile/essai-comparatif-le-toyota-rav4-hybride-2026-defie-le-renault-austral-e-tech-2196608.html">
                                                            <div class="article-media-col">
                                                                <div class="media">
                                                                                                                                            <img alt="Essai comparatif. Le Toyota RAV4 hybride (2026) défie le Renault Austral E-Tech" src="https://images.largus.fr/photos-cms/2026/5/Toyota-RAV4-HEV-FWD-Lounge-vs-Renault-Austral-ETech-200-Esprit-Alpine-AC-2026-001_exportargusweb.jpg" srcset="https://images.largus.fr/photos-cms/2026/5/Toyota-RAV4-HEV-FWD-Lounge-vs-Renault-Austral-ETech-200-Esprit-Alpine-AC-2026-001_exportargusweb.jpg">
                                                                                                                                    </div>
                                                            </div>
                                                            <div class="article-text-col">
                                                                <div class="article-title">Essai comparatif. Le Toyota RAV4 hybride (2026) défie le Renault Austral E-Tech</div>
                                                            </div>
                                                        </a>
                                                    </div>
                                                </article>
                                                                                                                                                                                        <article class="article-2x1 article-media">
                                                    <div class="article-content">
                                                        <a href="https://www.largus.fr/actualite-automobile/essai-mg4-urban-2026-la-nouvelle-bonne-affaire-electrique-a-20-000-e-2196402.html">
                                                            <div class="article-media-col">
                                                                <div class="media">
                                                                                                                                            <img alt="Essai MG4 Urban (2026) : la nouvelle bonne affaire électrique à 20 000 € ?" src="https://images.largus.fr/photos-cms/2026/5/mg4-ev-urban-essai-2026-013_exportargusweb.jpg" srcset="https://images.largus.fr/photos-cms/2026/5/mg4-ev-urban-essai-2026-013_exportargusweb.jpg">
                                                                                                                                    </div>
                                                            </div>
                                                            <div class="article-text-col">
                                                                <div class="article-title">Essai MG4 Urban (2026) : la nouvelle bonne affaire électrique à 20 000 € ?</div>
                                                            </div>
                                                        </a>
                                                    </div>
                                                </article>
                                                                                    </div>
                                                                                                                                                                                    <span class="panel-clear"></span>
                        </div>
                    </div>
                            </li>
                                    <li class="univers-actu-nouveautes">
                                                                    <a href="https://www.largus.fr/actualite-automobile/nouveautes">Nouveautés</a>
                
                                    <div class="sub-nav-panel">
                        <div class="row">
                            <div class="panel-col panel-col--3">
                                <div class="sub-nav">
                                    <ul class="list-unstyled">
                                                                                                                                                                            <li><a href="https://www.largus.fr/actualite-automobile/nouveautes/concept-cars">Concept cars</a></li>
                                                                                                                                                                            <li><a href="https://www.largus.fr/actualite-automobile/nouveautes/gammes-et-tarifs">Gammes et tarifs</a></li>
                                                                                                                                                                            <li><a href="https://www.largus.fr/actualite-automobile/nouveautes/officiel">Officiel</a></li>
                                                                                                                                                                            <li><a href="https://www.largus.fr/actualite-automobile/nouveautes/scoops">Scoops</a></li>
                                                                                                                                                                            <li><a href="https://www.largus.fr/actualite-automobile/nouveautes/salons">Salons</a></li>
                                                                            </ul>
                                </div>
                            </div>
                                                                                                                                                                                                                                                                                            <div class="panel-col panel-col--4 panel-col--padded">
                                                                                                                                            <article class="article-2x1 article-media">
                                                    <div class="article-content">
                                                        <a href="https://www.largus.fr/actualite-automobile/bugatti-mistral-2026-une-piece-unique-inspiree-de-lunivers-du-petit-prince-de-saint-exupery-2197961.html">
                                                            <div class="article-media-col">
                                                                <div class="media">
                                                                                                                                            <img alt="Bugatti Mistral (2026). Une pièce unique inspirée de l’univers du Petit Prince de Saint-Exupéry" src="https://images.largus.fr/photos-cms/2026/6/Bugatti-W16-Mistral-Le-Retour-Du-Jeune-Prince-2026-7-bd.jpg" srcset="https://images.largus.fr/photos-cms/2026/6/Bugatti-W16-Mistral-Le-Retour-Du-Jeune-Prince-2026-7-bd.jpg">
                                                                                                                                    </div>
                                                            </div>
                                                            <div class="article-text-col">
                                                                <div class="article-title">Bugatti Mistral (2026). Une pièce unique inspirée de l’univers du Petit Prince de Saint-Exupéry</div>
                                                            </div>
                                                        </a>
                                                    </div>
                                                </article>
                                                                                                                                                                                        <article class="article-2x1 article-media">
                                                    <div class="article-content">
                                                        <a href="https://www.largus.fr/actualite-automobile/citroen-berlingo-2026-prix-et-equipements-de-la-serie-speciale-berlingo-30-2197858.html">
                                                            <div class="article-media-col">
                                                                <div class="media">
                                                                                                                                            <img alt="Citroën Berlingo (2026). Prix et équipements de la série spéciale Berlingo 30" src="https://images.largus.fr/photos-cms/2026/6/presentation-citroen-berlingo-serie-speciale-30-ans-2026-103_exportargusweb-1.jpg" srcset="https://images.largus.fr/photos-cms/2026/6/presentation-citroen-berlingo-serie-speciale-30-ans-2026-103_exportargusweb-1.jpg">
                                                                                                                                    </div>
                                                            </div>
                                                            <div class="article-text-col">
                                                                <div class="article-title">Citroën Berlingo (2026). Prix et équipements de la série spéciale Berlingo 30</div>
                                                            </div>
                                                        </a>
                                                    </div>
                                                </article>
                                                                                    </div>
                                                                            <div class="panel-col panel-col--4 panel-col--padded">
                                                                                                                                            <article class="article-2x1 article-media">
                                                    <div class="article-content">
                                                        <a href="https://www.largus.fr/actualite-automobile/audi-fin-de-production-pour-les-a1-et-q2-la-marque-quitte-le-segment-citadin-thermique-2197480.html">
                                                            <div class="article-media-col">
                                                                <div class="media">
                                                                                                                                            <img alt="Audi. Fin de production pour les A1 et Q2, la marque quitte le segment citadin thermique" src="https://images.largus.fr/photos-cms/2026/5/audi-q2-2026-fin-production-ingolstadt-mk-bd.jpg" srcset="https://images.largus.fr/photos-cms/2026/5/audi-q2-2026-fin-production-ingolstadt-mk-bd.jpg">
                                                                                                                                    </div>
                                                            </div>
                                                            <div class="article-text-col">
                                                                <div class="article-title">Audi. Fin de production pour les A1 et Q2, la marque quitte le segment citadin thermique</div>
                                                            </div>
                                                        </a>
                                                    </div>
                                                </article>
                                                                                                                                                                                        <article class="article-2x1 article-media">
                                                    <div class="article-content">
                                                        <a href="https://www.largus.fr/actualite-automobile/stellantis-les-utilitaires-peugeot-citroen-fiat-etc-vont-faire-peau-neuve-avant-2030-2197544.html">
                                                            <div class="article-media-col">
                                                                <div class="media">
                                                                                                                                            <img alt="Stellantis. Les utilitaires Peugeot, Citroën, Fiat etc. vont faire peau neuve avant 2030" src="https://images.largus.fr/photos-cms/2026/5/stellantis-utilitaires-pro-one-2025-mk-bd.jpg" srcset="https://images.largus.fr/photos-cms/2026/5/stellantis-utilitaires-pro-one-2025-mk-bd.jpg">
                                                                                                                                    </div>
                                                            </div>
                                                            <div class="article-text-col">
                                                                <div class="article-title">Stellantis. Les utilitaires Peugeot, Citroën, Fiat etc. vont faire peau neuve avant 2030</div>
                                                            </div>
                                                        </a>
                                                    </div>
                                                </article>
                                                                                    </div>
                                                                                                                                                                                    <span class="panel-clear"></span>
                        </div>
                    </div>
                            </li>
                                    <li class="univers-actu-actus">
                                                                    <a href="https://www.largus.fr/actualite-automobile" class="" >Actus</a>
                
                                    <div class="sub-nav-panel">
                        <div class="row">
                            <div class="panel-col panel-col--3">
                                <div class="sub-nav">
                                    <ul class="list-unstyled">
                                                                                                                                                                            <li><a href="https://www.largus.fr/actualite-automobile/budget">Budget auto</a></li>
                                                                                                                                                                            <li><a href="https://www.largus.fr/actualite-automobile/ecologie">Ecologie</a></li>
                                                                                                                                                                            <li><a href="https://www.largus.fr/actualite-automobile/economie">En chiffres</a></li>
                                                                                                                                                                            <li><a href="https://www.largus.fr/actualite-automobile/insolite">Insolite</a></li>
                                                                                                                                                                            <li><a href="https://www.largus.fr/actualite-automobile/juridique">Juridique</a></li>
                                                                                                                                                                            <li><a href="https://www.largus.fr/actualite-automobile/retro">Rétro Argus Classic</a></li>
                                                                                                                                                                            <li><a href="https://www.largus.fr/actualite-automobile/securite-routiere">Sécurité Routière</a></li>
                                                                                                                                                                            <li><a href="https://www.largus.fr/actualite-automobile/technologie">Technologie</a></li>
                                                                                                                                                                            <li><a href="https://www.largus.fr/actualite-automobile/tribune-libre">Tribune libre</a></li>
                                                                            </ul>
                                </div>
                            </div>
                                                                                                                    <div class="panel-col panel-col--4">
                                <article class="article-4x2 article-bg">
                                    <a href="https://www.largus.fr/actualite-automobile/ford-un-an-de-carburant-ou-de-recharge-offert-pour-lachat-dun-modele-electrifie-2198039.html">
                                        <div class="media">
                                            <img alt="Ford. Un an de carburant ou de recharge offert pour l’achat d’un modèle électrifié" src="https://images.largus.fr/photos-cms/2026/6/Showroom-concession-Ford-bd_exportargusweb.jpg" width="768" height="512">
                                        </div>
                                        <div class="article-title minus-2">Ford. Un an de carburant ou de recharge offert pour l’achat d’un modèle électrifié</div>
                                    </a>
                                </article>
                            </div>
                            <div class="panel-col panel-col--4">
                                                                                                <article class="article-2x1 article-nobg article-nomedia">
                                    <div class="article-content">
                                        <div class="article-title">
                                            <a href="https://www.largus.fr/actualite-automobile/renault-5-turbo-3e-2027-la-version-lego-dun-fan-pourrait-etre-commercialisee-2197987.html">Renault 5 Turbo 3E (2027). La version Lego d’un fan pourrait être commercialisée</a>
                                        </div>
                                        <div class="extrait">Un  ingénieur britannique féru de Lego a reproduit en briquettes la Renault 5 Turbo 5E...</div>
                                    </div>
                                </article>
                                                                                                <article class="article-2x1 article-nobg article-nomedia">
                                    <div class="article-content">
                                        <div class="article-title">
                                            <a href="https://www.largus.fr/actualite-automobile/essai-renault-twingo-e-tech-evolution-2026-que-vaut-la-twingo-premier-prix-2197726.html">Essai Renault Twingo E-Tech Évolution (2026) : que vaut la Twingo premier prix ?</a>
                                        </div>
                                        <div class="extrait">La nouvelle Renault Twingo est aujourd’hui la voiture électrique la moins chère proposé...</div>
                                    </div>
                                </article>
                                                                                                <article class="article-2x1 article-nobg article-nomedia">
                                    <div class="article-content">
                                        <div class="article-title">
                                            <a href="https://www.largus.fr/actualite-automobile/bugatti-mistral-2026-une-piece-unique-inspiree-de-lunivers-du-petit-prince-de-saint-exupery-2197961.html">Bugatti Mistral (2026). Une pièce unique inspirée de l’univers du Petit Prince de Saint-Exupéry</a>
                                        </div>
                                        <div class="extrait">Bugatti dévoile la Mistral « Le Retour du Jeune Prince ». Une pièce unique réalisée à l...</div>
                                    </div>
                                </article>
                                                            </div>
                                                                                    <span class="panel-clear"></span>
                        </div>
                    </div>
                            </li>
                                    <li class="univers-actu-occasion">
                                                                    <a href="https://www.largus.fr/guide-achat" class="" >Guide d&#039;achat</a>
                
                                    <div class="sub-nav-panel">
                        <div class="row">
                            <div class="panel-col panel-col--3">
                                <div class="sub-nav">
                                    <ul class="list-unstyled">
                                                                                                                                                                            <li><a href="https://www.largus.fr/guide-achat/qualite-fiabilite">Dossiers fiabilité</a></li>
                                                                                                                                                                            <li><a href="https://www.largus.fr/guide-achat/assurance">Assurance</a></li>
                                                                                                                                                                            <li><a href="https://www.largus.fr/guide-achat/bon-plan">Bons plans</a></li>
                                                                                                                                                                            <li><a href="https://www.largus.fr/guide-achat/credit">Crédit</a></li>
                                                                                                                                                                                                                                                                        <li><a href="https://www.largus.fr/dossiers-thematiques">Dossiers thématiques</a></li>
                                                                                                                                                                            <li><a href="https://www.largus.fr/guide-achat/high-tech">High tech</a></li>
                                                                                                                                                                            <li><a href="https://www.largus.fr/guide-achat/entretien">Entretien</a></li>
                                                                                                                                                                            <li><a href="https://www.largus.fr/guide-achat/rappels">Rappels</a></li>
                                                                            </ul>
                                </div>
                            </div>
                                                                                                                                                                                <div class="panel-col panel-col--4">
                                <article class="article-4x2 article-bg">
                                    <a href="https://www.largus.fr/actualite-automobile/zoomcar-accelere-sur-le-marche-de-loccasion-avec-lintegration-de-ouest-france-auto-2197565.html">
                                        <div class="media">
                                            <img alt="Zoomcar accélère sur le marché de l’occasion avec l’intégration de Ouest France Auto" src="https://images.largus.fr/photos-cms/2026/5/69e9f0189acd1-downloaded-pixabay.jpeg" width="768" height="512">
                                        </div>
                                        <div class="article-title minus-2">Zoomcar accélère sur le marché de l’occasion avec l’intégration de Ouest France Auto</div>
                                    </a>
                                </article>
                            </div>
                                                            <div class="panel-col panel-col--4">
                                <article class="dossier-qf stacking-block clearfix">
                                    <div class="row article-bg">
                                        <a href="#">
                                            <div class="w-full md:w-6/12 float-left pr-[5px] pl-[5px]">
                                                <div class="media">
                                                    <img class="image-qf-home" alt="Peugeot 207 Toujours d'attaque" src="https://www.largus.fr/images/largus/peugeot-207.jpg" width="140" height="112">
                                                </div>
                                            </div>
                                            <div class="info w-full md:w-6/12 float-left pr-[5px] pl-[5px]">
                                                <div class="article-title">Smart : 8 000 € de remise sur les versions Brabus des #1, #3 et #5</div>
                                                <div>
                                                    <span class="chapo">Toujours d'attaque</span>
                                                    <span class="note bleue lightbg">
                                                        <span title="Bien" value="3.7" class="displayEtoile"><span class="halfetoile xl on left"> </span><span class="halfetoile xl on right"> </span><span class="halfetoile xl on left"> </span><span class="halfetoile xl on right"> </span><span class="halfetoile xl on left"> </span><span class="halfetoile xl on right"> </span><span class="halfetoile xl on left"> </span><span class="halfetoile xl off right"> </span><span class="halfetoile xl off left"> </span><span class="halfetoile xl off right"> </span></span>
                                                        <span class="chiffre">3.7 / 5</span>
                                                    </span>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                </article>
                                <div class="bloc-fiches-techniques clearfix">
                                    <span class="icon"></span>
                                    <a href="https://www.largus.fr/fiche-technique.html" class="title">Les fiches techniques</a>
                                    <div class="accroche">Pour bien acheter, consultez les fiches techniques <i>L'argus</i> !</div>
                                </div>
                            </div>
                                                                                        <span class="panel-clear"></span>
                        </div>
                    </div>
                            </li>
                <li class="univers-occas-pa active"><a href="https://occasion.largus.fr/">Annonces Auto</a>
            <div class="sub-nav-panel">
                <div class="row">
                    <div class="panel-col panel-col--4">
                        <div class="top-vehicules top-vehicules-small top-marques">
                            <div class="title">Top Marques</div>
                            <ul class="list-unstyled clearfix">
                                <li>
                                    <a href="https://occasion.largus.fr/auto/renault/">
                                        <div>
                                            <div class="media">
                                                <img alt="Renault" src="https://www.largus.fr/images/largus/renault.png">
                                            </div>
                                        </div>
                                        <div>
                                            <div class="libelle gradient" title="Annonces Renault">Renault</div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://occasion.largus.fr/auto/peugeot/">
                                        <div>
                                            <div class="media">
                                                <img alt="Peugeot" src="https://www.largus.fr/images/largus/peugeot.png">
                                            </div>
                                        </div>
                                        <div>
                                            <div class="libelle gradient" title="Annonces Peugeot">Peugeot</div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://occasion.largus.fr/auto/citroen/">
                                        <div>
                                            <div class="media">
                                                <img alt="Citroën" src="https://www.largus.fr/images/largus/citroen.png">
                                            </div>
                                        </div>
                                        <div>
                                            <div class="libelle gradient" title="Annonces Citroën">Citroën</div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://occasion.largus.fr/auto/volkswagen/">
                                        <div>
                                            <div class="media">
                                                <img alt="Volkswagen" src="https://www.largus.fr/images/largus/volkswagen.png">
                                            </div>
                                        </div>
                                        <div>
                                            <div class="libelle gradient" title="Annonces Volkswagen">Volkswagen</div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://occasion.largus.fr/auto/audi/">
                                        <div>
                                            <div class="media">
                                                <img alt="Audi" src="https://www.largus.fr/images/largus/audi.png">
                                            </div>
                                        </div>
                                        <div>
                                            <div class="libelle gradient" title="Annonces Audi">Audi</div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://occasion.largus.fr/auto/mercedes-benz/">
                                        <div>
                                            <div class="media">
                                                <img alt="Mercedes-Benz" src="https://www.largus.fr/images/largus/mercedes-benz.png">
                                            </div>
                                        </div>
                                        <div>
                                            <div class="libelle gradient" title="Annonces Mercedes-Benz">Mercedes-Benz</div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://occasion.largus.fr/auto/bmw/">
                                        <div>
                                            <div class="media">
                                                <img alt="BMW" src="https://www.largus.fr/images/largus/bmw.png">
                                            </div>
                                        </div>
                                        <div>
                                            <div class="libelle gradient" title="Annonces BMW">BMW</div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://occasion.largus.fr/auto/toyota/">
                                        <div>
                                            <div class="media">
                                                <img alt="Toyota" src="https://www.largus.fr/images/largus/toyota.png">
                                            </div>
                                        </div>
                                        <div>
                                            <div class="libelle gradient" title="Annonces Toyota">Toyota</div>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-top-modeles panel-col panel-col--4">
                        <div class="top-annonces top-modeles">
                            <div class="title">Top Modèles</div>
                            <ul class="list-unstyled clearfix">
                                <li>
                                    <a href="https://occasion.largus.fr/auto/renault/clio/">Renault Clio</a>
                                </li>

                                <li>
                                    <a href="https://occasion.largus.fr/auto/peugeot/308/">Peugeot 308</a>
                                </li>

                                <li>
                                    <a href="https://occasion.largus.fr/auto/peugeot/208/">Peugeot 208</a>
                                </li>

                                <li>
                                    <a href="https://occasion.largus.fr/auto/citroen/c4/">Citroën C4</a>
                                </li>

                                <li>
                                    <a href="https://occasion.largus.fr/auto/citroen/c3/">Citroën C3</a>
                                </li>

                                <li>
                                    <a href="https://occasion.largus.fr/auto/renault/megane/">Renault Mégane</a>
                                </li>

                                <li>
                                    <a href="https://occasion.largus.fr/auto/renault/twingo/">Renault Twingo</a>
                                </li>

                                <li>
                                    <a href="https://occasion.largus.fr/auto/renault/scenic/">Renault Scénic</a>
                                </li>

                                <li>
                                    <a href="https://occasion.largus.fr/auto/renault/captur/">Renault Captur</a>
                                </li>

                                <li>
                                    <a href="https://occasion.largus.fr/auto/peugeot/3008/">Peugeot 3008</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel-col panel-col--4 panel-col--padded-h">
                        <div class="top-annonces top-villes">
                            <div class="title">Top Villes</div>
                            <ul class="row list-unstyled clearfix">
                                <li>
                                    <a href="https://occasion.largus.fr/ile-de-france/paris/">Paris</a>
                                </li>

                                <li>
                                    <a href="https://occasion.largus.fr/paca/bouches-du-rhone/marseille/">Marseille</a>
                                </li>

                                <li>
                                    <a href="https://occasion.largus.fr/rhone-alpes/rhone/lyon/">Lyon</a>
                                </li>

                                <li>
                                    <a href="https://occasion.largus.fr/midi-pyrenees/haute-garonne/toulouse/">Toulouse</a>
                                </li>

                                <li>
                                    <a href="https://occasion.largus.fr/paca/alpes-maritimes/nice/">Nice</a>
                                </li>

                                <li>
                                    <a href="https://occasion.largus.fr/pays-de-la-loire/loire-atlantique/nantes/">Nantes</a>
                                </li>

                                <li>
                                    <a href="https://occasion.largus.fr/alsace/bas-rhin/strasbourg/">Strasbourg</a>
                                </li>

                                <li>
                                    <a href="https://occasion.largus.fr/languedoc-roussillon/herault/montpellier/">Montpellier</a>
                                </li>

                                <li>
                                    <a href="https://occasion.largus.fr/aquitaine/gironde/bordeaux/"></a>
                                </li>

                                <li>
                                    <a href="https://occasion.largus.fr/nord-pas-de-calais/nord/lille/">Lille</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </li>
        <li class="univers-occas-vendre"><a href="https://www.largus.fr/vendre-voiture">Vendre</a></li>
        <li class="univers-communaute"><a href="https://www.largus.fr/forum-auto/">Forum</a></li>
        <li class="univers-hubmarquemodele"><a href="https://www.largus.fr/Toutes-Marques.html">Toutes les marques</a>
            <div class="sub-nav-panel sub-nav-panel-hubmarquemodele clearfix">
                <div class="panel-col panel-col--6 sub-nav-panel-hubmarquemodele-marques">
                    <div class="title">Top marques</div>
                    <div>

                        <a href="https://www.largus.fr/Renault.html" title="Renault" class="lien-marque"><img alt="Renault" src="https://www.largus.fr/images/largus/renault.png"></a>

                        <a href="https://www.largus.fr/Peugeot.html" title="Peugeot" class="lien-marque"><img alt="Peugeot" src="https://www.largus.fr/images/largus/peugeot.png"></a>

                        <a href="https://www.largus.fr/Bmw.html" title="BMW" class="lien-marque"><img alt="BMW" src="https://www.largus.fr/images/largus/bmw.png"></a>

                        <a href="https://www.largus.fr/Citroen.html" title="Citroën" class="lien-marque"><img alt="Citroën" src="https://www.largus.fr/images/largus/citroen.png"></a>

                        <a href="https://www.largus.fr/Audi.html" title="Audi" class="lien-marque"><img alt="Audi" src="https://www.largus.fr/images/largus/audi.png"></a>

                        <a href="https://www.largus.fr/Mercedes-Benz.html" title="Mercedes-Benz" class="lien-marque"><img alt="Mercedes-Benz" src="https://www.largus.fr/images/largus/mercedes-benz.png"></a>

                        <a href="https://www.largus.fr/Volkswagen.html" title="Volkswagen" class="lien-marque"><img alt="Volkswagen" src="https://www.largus.fr/images/largus/volkswagen.png"></a>

                        <a href="https://www.largus.fr/Toyota.html" title="Toyota" class="lien-marque"><img alt="Toyota" src="https://www.largus.fr/images/largus/toyota.png"></a>

                    </div>

                    <a href="https://www.largus.fr/Toutes-Marques.html" class="lien-toutes-marques">Toutes les marques</a>
                </div>
                <div class="panel-col panel-col--6 sub-nav-panel-hubmarquemodele-modeles">
                    <div class="title">Top modèles</div>
                    <div>

                        <a href="https://www.largus.fr/Fiat_500.html" title="Fiat 500" class="lien-modele">Fiat 500</a>

                        <a href="https://www.largus.fr/Audi_A3.html" title="Audi A3" class="lien-modele">Audi A3</a>

                        <a href="https://www.largus.fr/Peugeot_308.html" title="Peugeot 308" class="lien-modele">Peugeot 308</a>

                        <a href="https://www.largus.fr/Renault_Kadjar.html" title="Renault Kadjar" class="lien-modele">Renault Kadjar</a>

                        <a href="https://www.largus.fr/Renault_Captur.html" title="Renault Captur" class="lien-modele">Renault Captur</a>

                        <a href="https://www.largus.fr/Peugeot_2008.html" title="Peugeot 2008" class="lien-modele">Peugeot 2008</a>

                        <a href="https://www.largus.fr/Toyota_Yaris.html" title="Toyota Yaris" class="lien-modele">Toyota Yaris</a>

                        <a href="https://www.largus.fr/Peugeot_3008.html" title="Peugeot 3008" class="lien-modele">Peugeot 3008</a>

                        <a href="https://www.largus.fr/Peugeot_208.html" title="Peugeot 208" class="lien-modele">Peugeot 208</a>

                        <a href="https://www.largus.fr/Opel_Corsa.html" title="Opel Corsa" class="lien-modele">Opel Corsa</a>

                        <a href="https://www.largus.fr/Nissan_Qashqai.html" title="Nissan Qashqai" class="lien-modele">Nissan Qashqai</a>

                        <a href="https://www.largus.fr/Nissan_Juke.html" title="Nissan Juke" class="lien-modele">Nissan Juke</a>

                    </div>
                </div>
            </div>
        </li>
        <li class="univers-abopro-menu"><a href="https://www.largus.fr/pros">Professionnels</a></li>
    </ul>
    <div class="main-nav-feed">
        <div class="main-nav-feed-inner">
            <span class="news-feed-pastille">À la une</span>
            <a href="https://www.largus.fr/actualite-automobile/electriques-hybrides" class="news-feed-item highlight">Véhicules éléctriques/hybrides</a>
            <a href="https://www.largus.fr/Citroen_C3.html" class="news-feed-item">Citroën C3</a>
            <a href="https://www.largus.fr/Renault_5.html" class="news-feed-item">Renault 5</a>
            <a href="https://www.largus.fr/actualite-automobile/bonus-ecologique-comment-fonctionne-le-nouveau-coup-de-pouce-instaure-au-1er-juillet-2025-30041084.html" class="news-feed-item">Bonus écologique 2025</a>
            <a href="https://www.largus.fr/actualite-automobile/electriques-hybrides/bio-ethanol" class="news-feed-item">Tout savoir sur l'E85</a>
        </div>
    </div>
</nav>
<div id="stickybar" class="navbar-fixed-top hidden-print">
    <div class="container">
        <div class="stickybar-row clearfloat">
            <div class="sticky-col sticky-col--home">
                <a href="https://www.largus.fr/" class="btn btn-stickybar" id="home-button" title="Voiture occasion, cote auto, actualité voiture, fiches, voiture neuve"><span class="sr-only">Accueil</span></a>
            </div>
            <div class="sticky-col sticky-col--search searchbar">
                <form method="get" action="https://www.largus.fr/actualite-automobile/archive/" autocomplete="off" accept-charset="utf-8">
                    <input type="search" class="query" name="query" placeholder="Rechercher sur largus.fr">
                    <button type="submit" class="btn search-btn text-hide" title="Lancer la recherche">Rechercher</button>
                </form>
            </div>
            <nav class="sticky-col sticky-col--nav">
                <ul class="list-unstyled">
                    <li class="nav-sep"><span></span></li>
                    <li class="nav-item univers-cote">
                        <a href="https://www.largus.fr/cote/">Cote Argus<sup>®</sup></a>
                    </li>
                    <li class="nav-sep"><span></span></li>
                    <li class="nav-item univers-actu">
                        <a href="https://www.largus.fr/actualite-automobile/">Actus</a>
                    </li>
                    <li class="nav-sep"><span></span></li>
                    <li class="nav-item univers-occas">
                        <a href="https://occasion.largus.fr/">Annonces auto</a>
                    </li>
                    <li class="nav-sep"><span></span></li>
                </ul>
            </nav>
            <div class="sticky-col sticky-col--acces col-acces">
                <a href="https://www.largus.fr/mon-argus" class="btn btn-stickybar float-left">Accès pro</a>
                <a href="https://www.largus.fr/mon-argus" class="btn btn-stickybar float-right">Mon Argus<sup>®</sup></a>

            </div>
        </div>
    </div>
</div>

</div>

    <main class="flex-1">
            <div class="max-w-7xl mx-auto px-4 py-4 mt-[60px] lg:mt-0">
                                                                                <nav aria-label="Fil d'Ariane" class="hidden sidebar:block text-sm text-gray-500 mb-4">
    <ol class="flex flex-wrap items-center gap-1" itemscope itemtype="https://schema.org/BreadcrumbList">
                    <li class="flex items-center" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                                    <a href="/" itemprop="item" class="hover:text-primary transition-colors">
                        <span itemprop="name">Accueil</span>
                    </a>
                    <meta itemprop="position" content="1">
                    <svg class="w-4 h-4 mx-1 text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
                            </li>
                    <li class="flex items-center" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                                    <span itemprop="name" class="text-gray-900 font-medium">Voiture occasion</span>
                    <meta itemprop="position" content="2">
                            </li>
            </ol>
</nav>

                <div class="mt-[55px] sidebar:mt-0 mb-4 bg-gray-100 border border-gray-200 rounded flex items-center justify-center text-gray-400 text-sm h-[150px] sidebar:h-[300px]">
            <div style="display:none;" class="Billboard_1"></div>
            <div style="display:none;" class="Mobile_Top"></div>
        </div>

        <div class="flex flex-col sidebar:flex-row gap-5">
                        






<aside class="filter-sidebar w-full sidebar:w-64 flex-shrink-0" data-region-slug="" data-department-slug="" data-city-slug="">
    <div class="bg-white border border-gray-200 rounded">
                <button type="button" class="filter-mobile-toggle w-full px-4 py-3 bg-primary rounded-t flex items-center justify-between cursor-pointer sidebar:cursor-default">
            <h2 class="font-bold text-sm text-white">Affiner votre recherche</h2>
            <svg class="w-4 h-4 text-white transition-transform sidebar:hidden filter-mobile-chevron" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/></svg>
        </button>

                <div class="filter-mobile-content hidden sidebar:block">
                        
            <div class="p-4 text-sm">

                                                <div class="filter-section">
                        <button type="button" class="filter-section-toggle flex items-center justify-between w-full py-1 cursor-pointer group"
            aria-expanded="false">
        <h3 class="text-xs font-bold text-gray-900 uppercase">Etat</h3>
        <span class="filter-section-chevron inline-block w-[20px] h-[20px]"
              style="background: url('/build/images/sprites_pa.png') no-repeat -38px -149px;"></span>
    </button>

                <div class="filter-section-content space-y-1 mt-2 hidden">
                                                                                                            <a href="#" data-filter-action="toggle" data-filter-param="state" data-filter-value="occasion"
       class="flex items-center gap-2 py-0.5 cursor-pointer group">
        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
            border-gray-300 group-hover:border-primary transition-colors">
                    </span>
        <span class="text-xs text-gray-700 leading-tight">Occasion</span>
                    <span class="text-xs text-gray-400 ml-auto">(66587)</span>
            </a>

                                                                                                        </div>
            </div>
            
                                                <div class="filter-section">
                        <button type="button" class="filter-section-toggle flex items-center justify-between w-full py-1 cursor-pointer group"
            aria-expanded="true">
        <h3 class="text-xs font-bold text-gray-900 uppercase">Categorie</h3>
        <span class="filter-section-chevron inline-block w-[20px] h-[20px]"
              style="background: url('/build/images/sprites_pa.png') no-repeat -58px -149px;"></span>
    </button>

                <div class="filter-section-content mt-2 ">
                            <div class="space-y-1 filter-group" data-max="5">
                                                        <div class="">
                        <a href="#" data-filter-action="toggle" data-filter-param="category" data-filter-value="4x4-suv-crossover-pick-up"
       class="flex items-center gap-2 py-0.5 cursor-pointer group">
        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
            border-gray-300 group-hover:border-primary transition-colors">
                    </span>
        <span class="text-xs text-gray-700 leading-tight">4x4/SUV/Crossover/Pick-up</span>
                    <span class="text-xs text-gray-400 ml-auto">(94377)</span>
            </a>

            </div>
                                                        <div class="">
                        <a href="#" data-filter-action="toggle" data-filter-param="category" data-filter-value="autre"
       class="flex items-center gap-2 py-0.5 cursor-pointer group">
        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
            border-gray-300 group-hover:border-primary transition-colors">
                    </span>
        <span class="text-xs text-gray-700 leading-tight">Autre</span>
                    <span class="text-xs text-gray-400 ml-auto">(6995)</span>
            </a>

            </div>
                                                        <div class="">
                        <a href="#" data-filter-action="toggle" data-filter-param="category" data-filter-value="berline"
       class="flex items-center gap-2 py-0.5 cursor-pointer group">
        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
            border-gray-300 group-hover:border-primary transition-colors">
                    </span>
        <span class="text-xs text-gray-700 leading-tight">Berline</span>
                    <span class="text-xs text-gray-400 ml-auto">(86054)</span>
            </a>

            </div>
                                                        <div class="">
                        <a href="#" data-filter-action="toggle" data-filter-param="category" data-filter-value="break"
       class="flex items-center gap-2 py-0.5 cursor-pointer group">
        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
            border-gray-300 group-hover:border-primary transition-colors">
                    </span>
        <span class="text-xs text-gray-700 leading-tight">Break</span>
                    <span class="text-xs text-gray-400 ml-auto">(17131)</span>
            </a>

            </div>
                                                        <div class="">
                        <a href="#" data-filter-action="toggle" data-filter-param="category" data-filter-value="cabriolet"
       class="flex items-center gap-2 py-0.5 cursor-pointer group">
        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
            border-gray-300 group-hover:border-primary transition-colors">
                    </span>
        <span class="text-xs text-gray-700 leading-tight">Cabriolet</span>
                    <span class="text-xs text-gray-400 ml-auto">(5549)</span>
            </a>

            </div>
                                                        <div class="filter-extra hidden">
                        <a href="#" data-filter-action="toggle" data-filter-param="category" data-filter-value="citadine"
       class="flex items-center gap-2 py-0.5 cursor-pointer group">
        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
            border-gray-300 group-hover:border-primary transition-colors">
                    </span>
        <span class="text-xs text-gray-700 leading-tight">Citadine</span>
                    <span class="text-xs text-gray-400 ml-auto">(17205)</span>
            </a>

            </div>
                                                        <div class="filter-extra hidden">
                        <a href="#" data-filter-action="toggle" data-filter-param="category" data-filter-value="coupe"
       class="flex items-center gap-2 py-0.5 cursor-pointer group">
        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
            border-gray-300 group-hover:border-primary transition-colors">
                    </span>
        <span class="text-xs text-gray-700 leading-tight">Coupé</span>
                    <span class="text-xs text-gray-400 ml-auto">(8181)</span>
            </a>

            </div>
                                                        <div class="filter-extra hidden">
                        <a href="#" data-filter-action="toggle" data-filter-param="category" data-filter-value="monospace-mpv"
       class="flex items-center gap-2 py-0.5 cursor-pointer group">
        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
            border-gray-300 group-hover:border-primary transition-colors">
                    </span>
        <span class="text-xs text-gray-700 leading-tight">Monospace/MPV</span>
                    <span class="text-xs text-gray-400 ml-auto">(10524)</span>
            </a>

            </div>
                                                        <div class="filter-extra hidden">
                        <a href="#" data-filter-action="toggle" data-filter-param="category" data-filter-value="vehicule-societe-commercial"
       class="flex items-center gap-2 py-0.5 cursor-pointer group">
        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
            border-gray-300 group-hover:border-primary transition-colors">
                    </span>
        <span class="text-xs text-gray-700 leading-tight">Véhicule société/Commercial</span>
                    <span class="text-xs text-gray-400 ml-auto">(466)</span>
            </a>

            </div>
                            <button type="button" class="filter-toggle text-xs text-primary hover:underline mt-1">Voir tout (9)</button>
            </div>

                </div>
            </div>
            
                                    <div class="filter-section">
                        <button type="button" class="filter-section-toggle flex items-center justify-between w-full py-1 cursor-pointer group"
            aria-expanded="true">
        <h3 class="text-xs font-bold text-gray-900 uppercase">Marque</h3>
        <span class="filter-section-chevron inline-block w-[20px] h-[20px]"
              style="background: url('/build/images/sprites_pa.png') no-repeat -58px -149px;"></span>
    </button>

                <div class="filter-section-content mt-2">
                <input type="text" placeholder="Rechercher une marque" class="filter-search input-field text-xs mb-2">
                <div class="space-y-1 filter-group" data-max="10">
                                                                    <div class="">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="ABARTH"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">ABARTH</span>
                                <span class="text-xs text-gray-400 ml-auto">(293)</span>
                            </a>
                        </div>
                                                                    <div class="">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="AC"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">AC</span>
                                <span class="text-xs text-gray-400 ml-auto">(23)</span>
                            </a>
                        </div>
                                                                    <div class="">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="AIWAYS"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">AIWAYS</span>
                                <span class="text-xs text-gray-400 ml-auto">(1)</span>
                            </a>
                        </div>
                                                                    <div class="">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="AIXAM"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">AIXAM</span>
                                <span class="text-xs text-gray-400 ml-auto">(402)</span>
                            </a>
                        </div>
                                                                    <div class="">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="ALFA ROMEO"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">ALFA ROMEO</span>
                                <span class="text-xs text-gray-400 ml-auto">(1340)</span>
                            </a>
                        </div>
                                                                    <div class="">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="ALPINA"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">ALPINA</span>
                                <span class="text-xs text-gray-400 ml-auto">(9)</span>
                            </a>
                        </div>
                                                                    <div class="">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="ALPINE"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">ALPINE</span>
                                <span class="text-xs text-gray-400 ml-auto">(171)</span>
                            </a>
                        </div>
                                                                    <div class="">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="AMC"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">AMC</span>
                                <span class="text-xs text-gray-400 ml-auto">(2)</span>
                            </a>
                        </div>
                                                                    <div class="">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="APRILIA"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">APRILIA</span>
                                <span class="text-xs text-gray-400 ml-auto">(2)</span>
                            </a>
                        </div>
                                                                    <div class="">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="ASTON MARTIN"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">ASTON MARTIN</span>
                                <span class="text-xs text-gray-400 ml-auto">(176)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="AUDI"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">AUDI</span>
                                <span class="text-xs text-gray-400 ml-auto">(14280)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="AUSTIN"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">AUSTIN</span>
                                <span class="text-xs text-gray-400 ml-auto">(14)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="AUSTIN HEALEY"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">AUSTIN HEALEY</span>
                                <span class="text-xs text-gray-400 ml-auto">(17)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="AUTOBIANCHI"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">AUTOBIANCHI</span>
                                <span class="text-xs text-gray-400 ml-auto">(3)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="AUTRE"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">AUTRE</span>
                                <span class="text-xs text-gray-400 ml-auto">(184)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="BELLIER"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">BELLIER</span>
                                <span class="text-xs text-gray-400 ml-auto">(5)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="BENELLI"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">BENELLI</span>
                                <span class="text-xs text-gray-400 ml-auto">(1)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="BENTLEY"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">BENTLEY</span>
                                <span class="text-xs text-gray-400 ml-auto">(93)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="BMW"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">BMW</span>
                                <span class="text-xs text-gray-400 ml-auto">(15413)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="BUICK"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">BUICK</span>
                                <span class="text-xs text-gray-400 ml-auto">(1)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="BYD"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">BYD</span>
                                <span class="text-xs text-gray-400 ml-auto">(290)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="CADILLAC"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">CADILLAC</span>
                                <span class="text-xs text-gray-400 ml-auto">(45)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="CAN-AM"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">CAN-AM</span>
                                <span class="text-xs text-gray-400 ml-auto">(5)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="CASALINI"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">CASALINI</span>
                                <span class="text-xs text-gray-400 ml-auto">(15)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="CATERHAM"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">CATERHAM</span>
                                <span class="text-xs text-gray-400 ml-auto">(24)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="CF MOTO"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">CF MOTO</span>
                                <span class="text-xs text-gray-400 ml-auto">(1)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="CHATENET"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">CHATENET</span>
                                <span class="text-xs text-gray-400 ml-auto">(32)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="CHEVROLET"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">CHEVROLET</span>
                                <span class="text-xs text-gray-400 ml-auto">(506)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="CHRYSLER"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">CHRYSLER</span>
                                <span class="text-xs text-gray-400 ml-auto">(77)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="CITROEN"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">CITROEN</span>
                                <span class="text-xs text-gray-400 ml-auto">(23387)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="CUPRA"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">CUPRA</span>
                                <span class="text-xs text-gray-400 ml-auto">(1635)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="DACIA"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">DACIA</span>
                                <span class="text-xs text-gray-400 ml-auto">(8293)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="DAEWOO"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">DAEWOO</span>
                                <span class="text-xs text-gray-400 ml-auto">(3)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="DAIHATSU"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">DAIHATSU</span>
                                <span class="text-xs text-gray-400 ml-auto">(7)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="DAIMLER"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">DAIMLER</span>
                                <span class="text-xs text-gray-400 ml-auto">(3)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="DANGEL"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">DANGEL</span>
                                <span class="text-xs text-gray-400 ml-auto">(10)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="DATSUN"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">DATSUN</span>
                                <span class="text-xs text-gray-400 ml-auto">(1)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="DE TOMASO"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">DE TOMASO</span>
                                <span class="text-xs text-gray-400 ml-auto">(1)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="DODGE"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">DODGE</span>
                                <span class="text-xs text-gray-400 ml-auto">(579)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="DS"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">DS</span>
                                <span class="text-xs text-gray-400 ml-auto">(4190)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="DUCATI"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">DUCATI</span>
                                <span class="text-xs text-gray-400 ml-auto">(8)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="EC CITY"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">EC CITY</span>
                                <span class="text-xs text-gray-400 ml-auto">(1)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="ELARIS"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">ELARIS</span>
                                <span class="text-xs text-gray-400 ml-auto">(1)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="EXCALIBUR"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">EXCALIBUR</span>
                                <span class="text-xs text-gray-400 ml-auto">(3)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="FB MONDIAL"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">FB MONDIAL</span>
                                <span class="text-xs text-gray-400 ml-auto">(1)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="FERRARI"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">FERRARI</span>
                                <span class="text-xs text-gray-400 ml-auto">(266)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="FEST"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">FEST</span>
                                <span class="text-xs text-gray-400 ml-auto">(3)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="FIAT"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">FIAT</span>
                                <span class="text-xs text-gray-400 ml-auto">(6090)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="FORD"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">FORD</span>
                                <span class="text-xs text-gray-400 ml-auto">(10747)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="FOTON"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">FOTON</span>
                                <span class="text-xs text-gray-400 ml-auto">(11)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="GAS GAS"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">GAS GAS</span>
                                <span class="text-xs text-gray-400 ml-auto">(1)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="GENERAL MOTORS"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">GENERAL MOTORS</span>
                                <span class="text-xs text-gray-400 ml-auto">(30)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="GENESIS"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">GENESIS</span>
                                <span class="text-xs text-gray-400 ml-auto">(4)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="HARLEY-DAVIDSON"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">HARLEY-DAVIDSON</span>
                                <span class="text-xs text-gray-400 ml-auto">(8)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="HONDA"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">HONDA</span>
                                <span class="text-xs text-gray-400 ml-auto">(797)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="HUMMER"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">HUMMER</span>
                                <span class="text-xs text-gray-400 ml-auto">(10)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="HYUNDAI"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">HYUNDAI</span>
                                <span class="text-xs text-gray-400 ml-auto">(4895)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="IMF"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">IMF</span>
                                <span class="text-xs text-gray-400 ml-auto">(4)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="INDIAN"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">INDIAN</span>
                                <span class="text-xs text-gray-400 ml-auto">(3)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="INEOS"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">INEOS</span>
                                <span class="text-xs text-gray-400 ml-auto">(35)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="INFINITI"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">INFINITI</span>
                                <span class="text-xs text-gray-400 ml-auto">(76)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="INNOCENTI"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">INNOCENTI</span>
                                <span class="text-xs text-gray-400 ml-auto">(2)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="ISUZU"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">ISUZU</span>
                                <span class="text-xs text-gray-400 ml-auto">(188)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="IVECO"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">IVECO</span>
                                <span class="text-xs text-gray-400 ml-auto">(437)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="JAECOO"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">JAECOO</span>
                                <span class="text-xs text-gray-400 ml-auto">(97)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="JAGUAR"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">JAGUAR</span>
                                <span class="text-xs text-gray-400 ml-auto">(867)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="JDM SIMPA"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">JDM SIMPA</span>
                                <span class="text-xs text-gray-400 ml-auto">(1)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="JEEP"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">JEEP</span>
                                <span class="text-xs text-gray-400 ml-auto">(1980)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="JENSEN"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">JENSEN</span>
                                <span class="text-xs text-gray-400 ml-auto">(2)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="KAWASAKI"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">KAWASAKI</span>
                                <span class="text-xs text-gray-400 ml-auto">(13)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="KIA"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">KIA</span>
                                <span class="text-xs text-gray-400 ml-auto">(4150)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="KTM"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">KTM</span>
                                <span class="text-xs text-gray-400 ml-auto">(8)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="LADA"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">LADA</span>
                                <span class="text-xs text-gray-400 ml-auto">(8)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="LAMBORGHINI"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">LAMBORGHINI</span>
                                <span class="text-xs text-gray-400 ml-auto">(127)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="LANCIA"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">LANCIA</span>
                                <span class="text-xs text-gray-400 ml-auto">(173)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="LAND-ROVER"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">LAND-ROVER</span>
                                <span class="text-xs text-gray-400 ml-auto">(2233)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="LAVERDA"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">LAVERDA</span>
                                <span class="text-xs text-gray-400 ml-auto">(1)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="LEAPMOTOR"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">LEAPMOTOR</span>
                                <span class="text-xs text-gray-400 ml-auto">(86)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="LEVC"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">LEVC</span>
                                <span class="text-xs text-gray-400 ml-auto">(2)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="LEXUS"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">LEXUS</span>
                                <span class="text-xs text-gray-400 ml-auto">(633)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="LIGIER"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">LIGIER</span>
                                <span class="text-xs text-gray-400 ml-auto">(190)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="LINCOLN"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">LINCOLN</span>
                                <span class="text-xs text-gray-400 ml-auto">(9)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="LOTUS"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">LOTUS</span>
                                <span class="text-xs text-gray-400 ml-auto">(107)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="LYNK&amp;CO"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">LYNK&amp;CO</span>
                                <span class="text-xs text-gray-400 ml-auto">(58)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="MAN"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">MAN</span>
                                <span class="text-xs text-gray-400 ml-auto">(50)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="MASERATI"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">MASERATI</span>
                                <span class="text-xs text-gray-400 ml-auto">(329)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="MATRA"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">MATRA</span>
                                <span class="text-xs text-gray-400 ml-auto">(1)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="MAXUS"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">MAXUS</span>
                                <span class="text-xs text-gray-400 ml-auto">(60)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="MAZDA"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">MAZDA</span>
                                <span class="text-xs text-gray-400 ml-auto">(1470)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="MCLAREN"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">MCLAREN</span>
                                <span class="text-xs text-gray-400 ml-auto">(34)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="MEGA"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">MEGA</span>
                                <span class="text-xs text-gray-400 ml-auto">(4)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="MERCEDES-BENZ"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">MERCEDES-BENZ</span>
                                <span class="text-xs text-gray-400 ml-auto">(15663)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="MG/MG MOTOR"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">MG/MG MOTOR</span>
                                <span class="text-xs text-gray-400 ml-auto">(1815)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="MICROCAR"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">MICROCAR</span>
                                <span class="text-xs text-gray-400 ml-auto">(74)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="MICRODRIVE"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">MICRODRIVE</span>
                                <span class="text-xs text-gray-400 ml-auto">(18)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="MINI"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">MINI</span>
                                <span class="text-xs text-gray-400 ml-auto">(4968)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="MITSUBISHI"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">MITSUBISHI</span>
                                <span class="text-xs text-gray-400 ml-auto">(839)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="MOBILIZE"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">MOBILIZE</span>
                                <span class="text-xs text-gray-400 ml-auto">(7)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="MORGAN"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">MORGAN</span>
                                <span class="text-xs text-gray-400 ml-auto">(33)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="MORRIS"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">MORRIS</span>
                                <span class="text-xs text-gray-400 ml-auto">(4)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="MV-AGUSTA"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">MV-AGUSTA</span>
                                <span class="text-xs text-gray-400 ml-auto">(1)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="NISSAN"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">NISSAN</span>
                                <span class="text-xs text-gray-400 ml-auto">(5973)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="OLDSMOBILE"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">OLDSMOBILE</span>
                                <span class="text-xs text-gray-400 ml-auto">(3)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="OPEL"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">OPEL</span>
                                <span class="text-xs text-gray-400 ml-auto">(6680)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="PANHARD"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">PANHARD</span>
                                <span class="text-xs text-gray-400 ml-auto">(1)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="PEUGEOT"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">PEUGEOT</span>
                                <span class="text-xs text-gray-400 ml-auto">(37766)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="PGO"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">PGO</span>
                                <span class="text-xs text-gray-400 ml-auto">(11)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="PIAGGIO"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">PIAGGIO</span>
                                <span class="text-xs text-gray-400 ml-auto">(18)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="PLYMOUTH"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">PLYMOUTH</span>
                                <span class="text-xs text-gray-400 ml-auto">(3)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="POLARIS"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">POLARIS</span>
                                <span class="text-xs text-gray-400 ml-auto">(3)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="POLESTAR"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">POLESTAR</span>
                                <span class="text-xs text-gray-400 ml-auto">(24)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="PONTIAC"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">PONTIAC</span>
                                <span class="text-xs text-gray-400 ml-auto">(8)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="PORSCHE"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">PORSCHE</span>
                                <span class="text-xs text-gray-400 ml-auto">(3767)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="RENAULT"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">RENAULT</span>
                                <span class="text-xs text-gray-400 ml-auto">(42659)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="RENAULT-TRUCKS"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">RENAULT-TRUCKS</span>
                                <span class="text-xs text-gray-400 ml-auto">(30)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="ROLLS-ROYCE"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">ROLLS-ROYCE</span>
                                <span class="text-xs text-gray-400 ml-auto">(21)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="ROVER"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">ROVER</span>
                                <span class="text-xs text-gray-400 ml-auto">(28)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="ROYAL ENFIELD"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">ROYAL ENFIELD</span>
                                <span class="text-xs text-gray-400 ml-auto">(1)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="SAAB"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">SAAB</span>
                                <span class="text-xs text-gray-400 ml-auto">(32)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="SANTANA"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">SANTANA</span>
                                <span class="text-xs text-gray-400 ml-auto">(6)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="SEA DOO BOMBARDIER"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">SEA DOO BOMBARDIER</span>
                                <span class="text-xs text-gray-400 ml-auto">(1)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="SEAT"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">SEAT</span>
                                <span class="text-xs text-gray-400 ml-auto">(3459)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="SEGWAY"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">SEGWAY</span>
                                <span class="text-xs text-gray-400 ml-auto">(1)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="SERES"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">SERES</span>
                                <span class="text-xs text-gray-400 ml-auto">(15)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="SILENCE"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">SILENCE</span>
                                <span class="text-xs text-gray-400 ml-auto">(5)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="SIMCA"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">SIMCA</span>
                                <span class="text-xs text-gray-400 ml-auto">(2)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="SIMPLICI"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">SIMPLICI</span>
                                <span class="text-xs text-gray-400 ml-auto">(7)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="SKODA"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">SKODA</span>
                                <span class="text-xs text-gray-400 ml-auto">(3854)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="SKYWORTH"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">SKYWORTH</span>
                                <span class="text-xs text-gray-400 ml-auto">(3)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="SMART"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">SMART</span>
                                <span class="text-xs text-gray-400 ml-auto">(395)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="SSANGYONG"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">SSANGYONG</span>
                                <span class="text-xs text-gray-400 ml-auto">(40)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="SUBARU"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">SUBARU</span>
                                <span class="text-xs text-gray-400 ml-auto">(98)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="SUZUKI"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">SUZUKI</span>
                                <span class="text-xs text-gray-400 ml-auto">(1573)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="TALBOT"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">TALBOT</span>
                                <span class="text-xs text-gray-400 ml-auto">(2)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="TESLA"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">TESLA</span>
                                <span class="text-xs text-gray-400 ml-auto">(440)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="TOYOTA"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">TOYOTA</span>
                                <span class="text-xs text-gray-400 ml-auto">(7964)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="TRIUMPH"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">TRIUMPH</span>
                                <span class="text-xs text-gray-400 ml-auto">(50)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="VENTURI"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">VENTURI</span>
                                <span class="text-xs text-gray-400 ml-auto">(1)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="VESPA"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">VESPA</span>
                                <span class="text-xs text-gray-400 ml-auto">(1)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="VICTORY"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">VICTORY</span>
                                <span class="text-xs text-gray-400 ml-auto">(3)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="VOLKSWAGEN"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">VOLKSWAGEN</span>
                                <span class="text-xs text-gray-400 ml-auto">(21406)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="VOLVO"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">VOLVO</span>
                                <span class="text-xs text-gray-400 ml-auto">(2474)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="XEV"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">XEV</span>
                                <span class="text-xs text-gray-400 ml-auto">(2)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="XPENG"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">XPENG</span>
                                <span class="text-xs text-gray-400 ml-auto">(67)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="YAMAHA"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">YAMAHA</span>
                                <span class="text-xs text-gray-400 ml-auto">(28)</span>
                            </a>
                        </div>
                                                                    <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-make" data-filter-value="ZEEKR"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">ZEEKR</span>
                                <span class="text-xs text-gray-400 ml-auto">(1)</span>
                            </a>
                        </div>
                                                                <button type="button" class="filter-toggle text-xs text-primary hover:underline mt-1">Voir tout (146)</button>
                                    </div>
                </div>
            </div>
            
                                    <div class="filter-section">
                        <button type="button" class="filter-section-toggle flex items-center justify-between w-full py-1 cursor-pointer group"
            aria-expanded="true">
        <h3 class="text-xs font-bold text-gray-900 uppercase">Modele</h3>
        <span class="filter-section-chevron inline-block w-[20px] h-[20px]"
              style="background: url('/build/images/sprites_pa.png') no-repeat -58px -149px;"></span>
    </button>

                <div class="filter-section-content mt-2">
                <input type="text" placeholder="Rechercher un modele" class="filter-search input-field text-xs mb-2">
                <div class="space-y-1 filter-group" data-max="10">
                                                                                            <div class="">
                            <a href="#" data-filter-action="navigate-model" data-filter-make-slug="RENAULT" data-filter-value="Clio"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">Clio</span>
                                <span class="text-xs text-gray-400 ml-auto">(13082)</span>
                            </a>
                        </div>
                                                                                            <div class="">
                            <a href="#" data-filter-action="navigate-model" data-filter-make-slug="PEUGEOT" data-filter-value="208"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">208</span>
                                <span class="text-xs text-gray-400 ml-auto">(8232)</span>
                            </a>
                        </div>
                                                                                            <div class="">
                            <a href="#" data-filter-action="navigate-model" data-filter-make-slug="PEUGEOT" data-filter-value="3008"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">3008</span>
                                <span class="text-xs text-gray-400 ml-auto">(6522)</span>
                            </a>
                        </div>
                                                                                            <div class="">
                            <a href="#" data-filter-action="navigate-model" data-filter-make-slug="CITROEN" data-filter-value="C3"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">C3</span>
                                <span class="text-xs text-gray-400 ml-auto">(6368)</span>
                            </a>
                        </div>
                                                                                            <div class="">
                            <a href="#" data-filter-action="navigate-model" data-filter-make-slug="PEUGEOT" data-filter-value="308"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">308</span>
                                <span class="text-xs text-gray-400 ml-auto">(6238)</span>
                            </a>
                        </div>
                                                                                            <div class="">
                            <a href="#" data-filter-action="navigate-model" data-filter-make-slug="RENAULT" data-filter-value="Captur"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">Captur</span>
                                <span class="text-xs text-gray-400 ml-auto">(5926)</span>
                            </a>
                        </div>
                                                                                            <div class="">
                            <a href="#" data-filter-action="navigate-model" data-filter-make-slug="PEUGEOT" data-filter-value="2008"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">2008</span>
                                <span class="text-xs text-gray-400 ml-auto">(5912)</span>
                            </a>
                        </div>
                                                                                            <div class="">
                            <a href="#" data-filter-action="navigate-model" data-filter-make-slug="VOLKSWAGEN" data-filter-value="Golf"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">Golf</span>
                                <span class="text-xs text-gray-400 ml-auto">(4921)</span>
                            </a>
                        </div>
                                                                                            <div class="">
                            <a href="#" data-filter-action="navigate-model" data-filter-make-slug="RENAULT" data-filter-value="Megane"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">Megane</span>
                                <span class="text-xs text-gray-400 ml-auto">(3847)</span>
                            </a>
                        </div>
                                                                                            <div class="">
                            <a href="#" data-filter-action="navigate-model" data-filter-make-slug="VOLKSWAGEN" data-filter-value="Polo"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">Polo</span>
                                <span class="text-xs text-gray-400 ml-auto">(3787)</span>
                            </a>
                        </div>
                                                                                            <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-model" data-filter-make-slug="DACIA" data-filter-value="Sandero"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">Sandero</span>
                                <span class="text-xs text-gray-400 ml-auto">(3364)</span>
                            </a>
                        </div>
                                                                                            <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-model" data-filter-make-slug="MERCEDES-BENZ" data-filter-value="Classe A"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">Classe A</span>
                                <span class="text-xs text-gray-400 ml-auto">(3310)</span>
                            </a>
                        </div>
                                                                                            <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-model" data-filter-make-slug="BMW" data-filter-value="Série 1"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">Série 1</span>
                                <span class="text-xs text-gray-400 ml-auto">(3257)</span>
                            </a>
                        </div>
                                                                                            <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-model" data-filter-make-slug="CITROEN" data-filter-value="C5 Aircross"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">C5 Aircross</span>
                                <span class="text-xs text-gray-400 ml-auto">(3110)</span>
                            </a>
                        </div>
                                                                                            <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-model" data-filter-make-slug="DACIA" data-filter-value="Duster"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">Duster</span>
                                <span class="text-xs text-gray-400 ml-auto">(2916)</span>
                            </a>
                        </div>
                                                                                            <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-model" data-filter-make-slug="MINI" data-filter-value="Mini"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">Mini</span>
                                <span class="text-xs text-gray-400 ml-auto">(2695)</span>
                            </a>
                        </div>
                                                                                            <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-model" data-filter-make-slug="VOLKSWAGEN" data-filter-value="Tiguan"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">Tiguan</span>
                                <span class="text-xs text-gray-400 ml-auto">(2652)</span>
                            </a>
                        </div>
                                                                                            <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-model" data-filter-make-slug="AUDI" data-filter-value="A3"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">A3</span>
                                <span class="text-xs text-gray-400 ml-auto">(2607)</span>
                            </a>
                        </div>
                                                                                            <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-model" data-filter-make-slug="VOLKSWAGEN" data-filter-value="T-Roc"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">T-Roc</span>
                                <span class="text-xs text-gray-400 ml-auto">(2573)</span>
                            </a>
                        </div>
                                                                                            <div class="filter-extra hidden">
                            <a href="#" data-filter-action="navigate-model" data-filter-make-slug="FIAT" data-filter-value="500"
                               class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
                                    border-gray-300 group-hover:border-primary transition-colors">
                                                                    </span>
                                <span class="text-xs text-gray-700 leading-tight">500</span>
                                <span class="text-xs text-gray-400 ml-auto">(2561)</span>
                            </a>
                        </div>
                                                                <button type="button" class="filter-toggle text-xs text-primary hover:underline mt-1">Voir tout (20)</button>
                                    </div>
                </div>
            </div>
            
                                    <div class="filter-section">
                        <button type="button" class="filter-section-toggle flex items-center justify-between w-full py-1 cursor-pointer group"
            aria-expanded="false">
        <h3 class="text-xs font-bold text-gray-900 uppercase">Prix</h3>
        <span class="filter-section-chevron inline-block w-[20px] h-[20px]"
              style="background: url('/build/images/sprites_pa.png') no-repeat -38px -149px;"></span>
    </button>

                <div class="filter-section-content mt-2 hidden">
                <div class="grid grid-cols-2 gap-2">
                    <select data-filter-param="price_min" class="select-field text-xs">
                        <option value="">Prix minimum</option>
                        <option value="100000">1 000 &euro;</option>
                        <option value="200000">2 000 &euro;</option>
                        <option value="300000">3 000 &euro;</option>
                        <option value="500000">5 000 &euro;</option>
                        <option value="750000">7 500 &euro;</option>
                        <option value="1000000">10 000 &euro;</option>
                        <option value="1500000">15 000 &euro;</option>
                        <option value="2000000">20 000 &euro;</option>
                        <option value="3000000">30 000 &euro;</option>
                        <option value="5000000">50 000 &euro;</option>
                    </select>
                    <select data-filter-param="price_max" class="select-field text-xs">
                        <option value="">Prix maximum</option>
                        <option value="500000">5 000 &euro;</option>
                        <option value="1000000">10 000 &euro;</option>
                        <option value="1500000">15 000 &euro;</option>
                        <option value="3000000">30 000 &euro;</option>
                        <option value="5000000">50 000 &euro;</option>
                        <option value="8000000">80 000 &euro;</option>
                        <option value="10000000">100 000 &euro;</option>
                    </select>
                </div>
                </div>
            </div>

                                                <div class="filter-section">
                        <button type="button" class="filter-section-toggle flex items-center justify-between w-full py-1 cursor-pointer group"
            aria-expanded="false">
        <h3 class="text-xs font-bold text-gray-900 uppercase">Energie</h3>
        <span class="filter-section-chevron inline-block w-[20px] h-[20px]"
              style="background: url('/build/images/sprites_pa.png') no-repeat -38px -149px;"></span>
    </button>

                <div class="filter-section-content mt-2 hidden">
                <div class="space-y-1 filter-group" data-max="8">
                                                                                                                                            <div class="">
                                    <a href="#" data-filter-action="toggle" data-filter-param="energy" data-filter-value="essence"
       class="flex items-center gap-2 py-0.5 cursor-pointer group">
        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
            border-gray-300 group-hover:border-primary transition-colors">
                    </span>
        <span class="text-xs text-gray-700 leading-tight">Essence</span>
                    <span class="text-xs text-gray-400 ml-auto">(104669)</span>
            </a>

                        </div>
                                                                                                                                            <div class="">
                                    <a href="#" data-filter-action="toggle" data-filter-param="energy" data-filter-value="diesel"
       class="flex items-center gap-2 py-0.5 cursor-pointer group">
        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
            border-gray-300 group-hover:border-primary transition-colors">
                    </span>
        <span class="text-xs text-gray-700 leading-tight">Diesel</span>
                    <span class="text-xs text-gray-400 ml-auto">(98562)</span>
            </a>

                        </div>
                                                                                                                                            <div class="">
                                    <a href="#" data-filter-action="toggle" data-filter-param="energy" data-filter-value="hybride-essence"
       class="flex items-center gap-2 py-0.5 cursor-pointer group">
        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
            border-gray-300 group-hover:border-primary transition-colors">
                    </span>
        <span class="text-xs text-gray-700 leading-tight">Hybride Essence</span>
                    <span class="text-xs text-gray-400 ml-auto">(51447)</span>
            </a>

                        </div>
                                                                                                                                            <div class="">
                                    <a href="#" data-filter-action="toggle" data-filter-param="energy" data-filter-value="electrique"
       class="flex items-center gap-2 py-0.5 cursor-pointer group">
        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
            border-gray-300 group-hover:border-primary transition-colors">
                    </span>
        <span class="text-xs text-gray-700 leading-tight">Electrique</span>
                    <span class="text-xs text-gray-400 ml-auto">(11989)</span>
            </a>

                        </div>
                                                                                                                                            <div class="">
                                    <a href="#" data-filter-action="toggle" data-filter-param="energy" data-filter-value="gpl"
       class="flex items-center gap-2 py-0.5 cursor-pointer group">
        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
            border-gray-300 group-hover:border-primary transition-colors">
                    </span>
        <span class="text-xs text-gray-700 leading-tight">GPL</span>
                    <span class="text-xs text-gray-400 ml-auto">(1979)</span>
            </a>

                        </div>
                                                                                                                                            <div class="">
                                    <a href="#" data-filter-action="toggle" data-filter-param="energy" data-filter-value="gnv"
       class="flex items-center gap-2 py-0.5 cursor-pointer group">
        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
            border-gray-300 group-hover:border-primary transition-colors">
                    </span>
        <span class="text-xs text-gray-700 leading-tight">GNV</span>
                    <span class="text-xs text-gray-400 ml-auto">(557)</span>
            </a>

                        </div>
                                                                                                                                            <div class="">
                                    <a href="#" data-filter-action="toggle" data-filter-param="energy" data-filter-value="hydrogene"
       class="flex items-center gap-2 py-0.5 cursor-pointer group">
        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
            border-gray-300 group-hover:border-primary transition-colors">
                    </span>
        <span class="text-xs text-gray-700 leading-tight">Hydrogene</span>
                    <span class="text-xs text-gray-400 ml-auto">(3)</span>
            </a>

                        </div>
                                                        </div>
                </div>
            </div>
            
                                                <div class="filter-section">
                        <button type="button" class="filter-section-toggle flex items-center justify-between w-full py-1 cursor-pointer group"
            aria-expanded="false">
        <h3 class="text-xs font-bold text-gray-900 uppercase">Localisation</h3>
        <span class="filter-section-chevron inline-block w-[20px] h-[20px]"
              style="background: url('/build/images/sprites_pa.png') no-repeat -38px -149px;"></span>
    </button>

                <div class="filter-section-content mt-2 hidden">

                                                                    <p class="text-xs font-semibold text-gray-500 uppercase mb-1">Region</p>
                        <div class="space-y-1 filter-group" data-max="8">
                                                            <div class="">
                                    <a href="#" data-filter-action="navigate-region" data-filter-value="Auvergne-Rhône-Alpes"
                                       class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center border-gray-300 group-hover:border-primary transition-colors"></span>
                                        <span class="text-xs text-gray-700 leading-tight">Auvergne-Rhône-Alpes</span>
                                        <span class="text-xs text-gray-400 ml-auto">(34471)</span>
                                    </a>
                                </div>
                                                            <div class="">
                                    <a href="#" data-filter-action="navigate-region" data-filter-value="Bourgogne-Franche-Comté"
                                       class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center border-gray-300 group-hover:border-primary transition-colors"></span>
                                        <span class="text-xs text-gray-700 leading-tight">Bourgogne-Franche-Comté</span>
                                        <span class="text-xs text-gray-400 ml-auto">(12013)</span>
                                    </a>
                                </div>
                                                            <div class="">
                                    <a href="#" data-filter-action="navigate-region" data-filter-value="Bretagne"
                                       class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center border-gray-300 group-hover:border-primary transition-colors"></span>
                                        <span class="text-xs text-gray-700 leading-tight">Bretagne</span>
                                        <span class="text-xs text-gray-400 ml-auto">(17696)</span>
                                    </a>
                                </div>
                                                            <div class="">
                                    <a href="#" data-filter-action="navigate-region" data-filter-value="Centre-Val de Loire"
                                       class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center border-gray-300 group-hover:border-primary transition-colors"></span>
                                        <span class="text-xs text-gray-700 leading-tight">Centre-Val de Loire</span>
                                        <span class="text-xs text-gray-400 ml-auto">(10810)</span>
                                    </a>
                                </div>
                                                            <div class="">
                                    <a href="#" data-filter-action="navigate-region" data-filter-value="Corse"
                                       class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center border-gray-300 group-hover:border-primary transition-colors"></span>
                                        <span class="text-xs text-gray-700 leading-tight">Corse</span>
                                        <span class="text-xs text-gray-400 ml-auto">(396)</span>
                                    </a>
                                </div>
                                                            <div class="">
                                    <a href="#" data-filter-action="navigate-region" data-filter-value="Grand Est"
                                       class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center border-gray-300 group-hover:border-primary transition-colors"></span>
                                        <span class="text-xs text-gray-700 leading-tight">Grand Est</span>
                                        <span class="text-xs text-gray-400 ml-auto">(27552)</span>
                                    </a>
                                </div>
                                                            <div class="">
                                    <a href="#" data-filter-action="navigate-region" data-filter-value="Guadeloupe"
                                       class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center border-gray-300 group-hover:border-primary transition-colors"></span>
                                        <span class="text-xs text-gray-700 leading-tight">Guadeloupe</span>
                                        <span class="text-xs text-gray-400 ml-auto">(118)</span>
                                    </a>
                                </div>
                                                            <div class="">
                                    <a href="#" data-filter-action="navigate-region" data-filter-value="Guyane"
                                       class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center border-gray-300 group-hover:border-primary transition-colors"></span>
                                        <span class="text-xs text-gray-700 leading-tight">Guyane</span>
                                        <span class="text-xs text-gray-400 ml-auto">(39)</span>
                                    </a>
                                </div>
                                                            <div class="filter-extra hidden">
                                    <a href="#" data-filter-action="navigate-region" data-filter-value="Hauts-de-France"
                                       class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center border-gray-300 group-hover:border-primary transition-colors"></span>
                                        <span class="text-xs text-gray-700 leading-tight">Hauts-de-France</span>
                                        <span class="text-xs text-gray-400 ml-auto">(24921)</span>
                                    </a>
                                </div>
                                                            <div class="filter-extra hidden">
                                    <a href="#" data-filter-action="navigate-region" data-filter-value="La Réunion"
                                       class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center border-gray-300 group-hover:border-primary transition-colors"></span>
                                        <span class="text-xs text-gray-700 leading-tight">La Réunion</span>
                                        <span class="text-xs text-gray-400 ml-auto">(1035)</span>
                                    </a>
                                </div>
                                                            <div class="filter-extra hidden">
                                    <a href="#" data-filter-action="navigate-region" data-filter-value="Martinique"
                                       class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center border-gray-300 group-hover:border-primary transition-colors"></span>
                                        <span class="text-xs text-gray-700 leading-tight">Martinique</span>
                                        <span class="text-xs text-gray-400 ml-auto">(145)</span>
                                    </a>
                                </div>
                                                            <div class="filter-extra hidden">
                                    <a href="#" data-filter-action="navigate-region" data-filter-value="Normandie"
                                       class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center border-gray-300 group-hover:border-primary transition-colors"></span>
                                        <span class="text-xs text-gray-700 leading-tight">Normandie</span>
                                        <span class="text-xs text-gray-400 ml-auto">(14297)</span>
                                    </a>
                                </div>
                                                            <div class="filter-extra hidden">
                                    <a href="#" data-filter-action="navigate-region" data-filter-value="Nouvelle-Aquitaine"
                                       class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center border-gray-300 group-hover:border-primary transition-colors"></span>
                                        <span class="text-xs text-gray-700 leading-tight">Nouvelle-Aquitaine</span>
                                        <span class="text-xs text-gray-400 ml-auto">(28628)</span>
                                    </a>
                                </div>
                                                            <div class="filter-extra hidden">
                                    <a href="#" data-filter-action="navigate-region" data-filter-value="Occitanie"
                                       class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center border-gray-300 group-hover:border-primary transition-colors"></span>
                                        <span class="text-xs text-gray-700 leading-tight">Occitanie</span>
                                        <span class="text-xs text-gray-400 ml-auto">(26812)</span>
                                    </a>
                                </div>
                                                            <div class="filter-extra hidden">
                                    <a href="#" data-filter-action="navigate-region" data-filter-value="Pays de la Loire"
                                       class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center border-gray-300 group-hover:border-primary transition-colors"></span>
                                        <span class="text-xs text-gray-700 leading-tight">Pays de la Loire</span>
                                        <span class="text-xs text-gray-400 ml-auto">(16870)</span>
                                    </a>
                                </div>
                                                            <div class="filter-extra hidden">
                                    <a href="#" data-filter-action="navigate-region" data-filter-value="Provence-Alpes-Côte d&#039;Azur"
                                       class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center border-gray-300 group-hover:border-primary transition-colors"></span>
                                        <span class="text-xs text-gray-700 leading-tight">Provence-Alpes-Côte d&#039;Azur</span>
                                        <span class="text-xs text-gray-400 ml-auto">(21847)</span>
                                    </a>
                                </div>
                                                            <div class="filter-extra hidden">
                                    <a href="#" data-filter-action="navigate-region" data-filter-value="Île-de-France"
                                       class="flex items-center gap-2 py-0.5 cursor-pointer group">
                                        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center border-gray-300 group-hover:border-primary transition-colors"></span>
                                        <span class="text-xs text-gray-700 leading-tight">Île-de-France</span>
                                        <span class="text-xs text-gray-400 ml-auto">(32546)</span>
                                    </a>
                                </div>
                                                                                        <button type="button" class="filter-toggle text-xs text-primary hover:underline mt-1">Voir tout (17)</button>
                                                    </div>
                    
                </div>
            </div>
            
                                    <div class="filter-section">
                        <button type="button" class="filter-section-toggle flex items-center justify-between w-full py-1 cursor-pointer group"
            aria-expanded="false">
        <h3 class="text-xs font-bold text-gray-900 uppercase">Kilometrage</h3>
        <span class="filter-section-chevron inline-block w-[20px] h-[20px]"
              style="background: url('/build/images/sprites_pa.png') no-repeat -38px -149px;"></span>
    </button>

                <div class="filter-section-content mt-2 hidden">
                    <div class="grid grid-cols-2 gap-2">
                        <input type="number" value="" placeholder="Km min"
                               class="input-field text-xs" min="0" step="5000"
                               data-filter-param="mileage_min">
                        <input type="number" value="" placeholder="Km max"
                               class="input-field text-xs" min="0" step="5000"
                               data-filter-param="mileage_max">
                    </div>
                </div>
            </div>

                                    <div class="filter-section">
                                        <button type="button" class="filter-section-toggle flex items-center justify-between w-full py-1 cursor-pointer group"
            aria-expanded="false">
        <h3 class="text-xs font-bold text-gray-900 uppercase">Nombre de portes</h3>
        <span class="filter-section-chevron inline-block w-[20px] h-[20px]"
              style="background: url('/build/images/sprites_pa.png') no-repeat -38px -149px;"></span>
    </button>

                <div class="filter-section-content mt-2 hidden">
                        <div class="flex flex-wrap gap-1.5">
                                <a href="#" data-filter-action="toggle" data-filter-param="doors" data-filter-value="5"
               class="inline-flex items-center justify-center w-9 h-8 text-xs border rounded cursor-pointer transition-colors
                   border-gray-300 text-gray-700 hover:border-primary">
                5
            </a>
                                <a href="#" data-filter-action="toggle" data-filter-param="doors" data-filter-value="4"
               class="inline-flex items-center justify-center w-9 h-8 text-xs border rounded cursor-pointer transition-colors
                   border-gray-300 text-gray-700 hover:border-primary">
                4
            </a>
                                <a href="#" data-filter-action="toggle" data-filter-param="doors" data-filter-value="3"
               class="inline-flex items-center justify-center w-9 h-8 text-xs border rounded cursor-pointer transition-colors
                   border-gray-300 text-gray-700 hover:border-primary">
                3
            </a>
                                <a href="#" data-filter-action="toggle" data-filter-param="doors" data-filter-value="6"
               class="inline-flex items-center justify-center w-9 h-8 text-xs border rounded cursor-pointer transition-colors
                   border-gray-300 text-gray-700 hover:border-primary">
                6
            </a>
                                <a href="#" data-filter-action="toggle" data-filter-param="doors" data-filter-value="2"
               class="inline-flex items-center justify-center w-9 h-8 text-xs border rounded cursor-pointer transition-colors
                   border-gray-300 text-gray-700 hover:border-primary">
                2
            </a>
            </div>

                </div>
            </div>
            
                                    <div class="filter-section">
                                        <button type="button" class="filter-section-toggle flex items-center justify-between w-full py-1 cursor-pointer group"
            aria-expanded="false">
        <h3 class="text-xs font-bold text-gray-900 uppercase">Nombre de places</h3>
        <span class="filter-section-chevron inline-block w-[20px] h-[20px]"
              style="background: url('/build/images/sprites_pa.png') no-repeat -38px -149px;"></span>
    </button>

                <div class="filter-section-content mt-2 hidden">
                        <div class="flex flex-wrap gap-1.5">
                                <a href="#" data-filter-action="toggle" data-filter-param="seats" data-filter-value="5"
               class="inline-flex items-center justify-center w-9 h-8 text-xs border rounded cursor-pointer transition-colors
                   border-gray-300 text-gray-700 hover:border-primary">
                5
            </a>
                                <a href="#" data-filter-action="toggle" data-filter-param="seats" data-filter-value="4"
               class="inline-flex items-center justify-center w-9 h-8 text-xs border rounded cursor-pointer transition-colors
                   border-gray-300 text-gray-700 hover:border-primary">
                4
            </a>
                                <a href="#" data-filter-action="toggle" data-filter-param="seats" data-filter-value="3"
               class="inline-flex items-center justify-center w-9 h-8 text-xs border rounded cursor-pointer transition-colors
                   border-gray-300 text-gray-700 hover:border-primary">
                3
            </a>
                                <a href="#" data-filter-action="toggle" data-filter-param="seats" data-filter-value="7"
               class="inline-flex items-center justify-center w-9 h-8 text-xs border rounded cursor-pointer transition-colors
                   border-gray-300 text-gray-700 hover:border-primary">
                7
            </a>
                                <a href="#" data-filter-action="toggle" data-filter-param="seats" data-filter-value="2"
               class="inline-flex items-center justify-center w-9 h-8 text-xs border rounded cursor-pointer transition-colors
                   border-gray-300 text-gray-700 hover:border-primary">
                2
            </a>
                                <a href="#" data-filter-action="toggle" data-filter-param="seats" data-filter-value="6"
               class="inline-flex items-center justify-center w-9 h-8 text-xs border rounded cursor-pointer transition-colors
                   border-gray-300 text-gray-700 hover:border-primary">
                6
            </a>
                                <a href="#" data-filter-action="toggle" data-filter-param="seats" data-filter-value="1"
               class="inline-flex items-center justify-center w-9 h-8 text-xs border rounded cursor-pointer transition-colors
                   border-gray-300 text-gray-700 hover:border-primary">
                1
            </a>
            </div>

                </div>
            </div>
            
                                    <div class="filter-section">
                                        <button type="button" class="filter-section-toggle flex items-center justify-between w-full py-1 cursor-pointer group"
            aria-expanded="false">
        <h3 class="text-xs font-bold text-gray-900 uppercase">Crit&#039;Air</h3>
        <span class="filter-section-chevron inline-block w-[20px] h-[20px]"
              style="background: url('/build/images/sprites_pa.png') no-repeat -38px -149px;"></span>
    </button>

                <div class="filter-section-content mt-2 hidden">
                            <div class="space-y-1 filter-group" data-max="8">
                                                        <div class="">
                        <a href="#" data-filter-action="toggle" data-filter-param="crit_air" data-filter-value="critair_1"
       class="flex items-center gap-2 py-0.5 cursor-pointer group">
        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
            border-gray-300 group-hover:border-primary transition-colors">
                    </span>
        <span class="text-xs text-gray-700 leading-tight">Crit&#039;Air 1</span>
                    <span class="text-xs text-gray-400 ml-auto">(109625)</span>
            </a>

            </div>
                                                        <div class="">
                        <a href="#" data-filter-action="toggle" data-filter-param="crit_air" data-filter-value="critair_2"
       class="flex items-center gap-2 py-0.5 cursor-pointer group">
        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
            border-gray-300 group-hover:border-primary transition-colors">
                    </span>
        <span class="text-xs text-gray-700 leading-tight">Crit&#039;Air 2</span>
                    <span class="text-xs text-gray-400 ml-auto">(62899)</span>
            </a>

            </div>
                                                        <div class="">
                        <a href="#" data-filter-action="toggle" data-filter-param="crit_air" data-filter-value="critair_0"
       class="flex items-center gap-2 py-0.5 cursor-pointer group">
        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
            border-gray-300 group-hover:border-primary transition-colors">
                    </span>
        <span class="text-xs text-gray-700 leading-tight">Sans vignette</span>
                    <span class="text-xs text-gray-400 ml-auto">(11090)</span>
            </a>

            </div>
                                                        <div class="">
                        <a href="#" data-filter-action="toggle" data-filter-param="crit_air" data-filter-value="critair_3"
       class="flex items-center gap-2 py-0.5 cursor-pointer group">
        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
            border-gray-300 group-hover:border-primary transition-colors">
                    </span>
        <span class="text-xs text-gray-700 leading-tight">Crit&#039;Air 3</span>
                    <span class="text-xs text-gray-400 ml-auto">(3269)</span>
            </a>

            </div>
                                                        <div class="">
                        <a href="#" data-filter-action="toggle" data-filter-param="crit_air" data-filter-value="non_class"
       class="flex items-center gap-2 py-0.5 cursor-pointer group">
        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
            border-gray-300 group-hover:border-primary transition-colors">
                    </span>
        <span class="text-xs text-gray-700 leading-tight">non_class</span>
                    <span class="text-xs text-gray-400 ml-auto">(576)</span>
            </a>

            </div>
                                                        <div class="">
                        <a href="#" data-filter-action="toggle" data-filter-param="crit_air" data-filter-value="critair_5"
       class="flex items-center gap-2 py-0.5 cursor-pointer group">
        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
            border-gray-300 group-hover:border-primary transition-colors">
                    </span>
        <span class="text-xs text-gray-700 leading-tight">Crit&#039;Air 5</span>
                    <span class="text-xs text-gray-400 ml-auto">(462)</span>
            </a>

            </div>
                                                        <div class="">
                        <a href="#" data-filter-action="toggle" data-filter-param="crit_air" data-filter-value="critair_4"
       class="flex items-center gap-2 py-0.5 cursor-pointer group">
        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
            border-gray-300 group-hover:border-primary transition-colors">
                    </span>
        <span class="text-xs text-gray-700 leading-tight">Crit&#039;Air 4</span>
                    <span class="text-xs text-gray-400 ml-auto">(323)</span>
            </a>

            </div>
                    </div>

                </div>
            </div>
            
                                    <div class="filter-section">
                                        <button type="button" class="filter-section-toggle flex items-center justify-between w-full py-1 cursor-pointer group"
            aria-expanded="false">
        <h3 class="text-xs font-bold text-gray-900 uppercase">Type de boite</h3>
        <span class="filter-section-chevron inline-block w-[20px] h-[20px]"
              style="background: url('/build/images/sprites_pa.png') no-repeat -38px -149px;"></span>
    </button>

                <div class="filter-section-content mt-2 hidden">
                            <div class="space-y-1 filter-group" data-max="8">
                                                        <div class="">
                        <a href="#" data-filter-action="toggle" data-filter-param="gearbox" data-filter-value="automatic"
       class="flex items-center gap-2 py-0.5 cursor-pointer group">
        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
            border-gray-300 group-hover:border-primary transition-colors">
                    </span>
        <span class="text-xs text-gray-700 leading-tight">Automatique</span>
                    <span class="text-xs text-gray-400 ml-auto">(152860)</span>
            </a>

            </div>
                                                        <div class="">
                        <a href="#" data-filter-action="toggle" data-filter-param="gearbox" data-filter-value="manual"
       class="flex items-center gap-2 py-0.5 cursor-pointer group">
        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
            border-gray-300 group-hover:border-primary transition-colors">
                    </span>
        <span class="text-xs text-gray-700 leading-tight">Manuelle</span>
                    <span class="text-xs text-gray-400 ml-auto">(117296)</span>
            </a>

            </div>
                    </div>

                </div>
            </div>
            
                        
                                    <div class="filter-section">
                                        <button type="button" class="filter-section-toggle flex items-center justify-between w-full py-1 cursor-pointer group"
            aria-expanded="false">
        <h3 class="text-xs font-bold text-gray-900 uppercase">Couleur</h3>
        <span class="filter-section-chevron inline-block w-[20px] h-[20px]"
              style="background: url('/build/images/sprites_pa.png') no-repeat -38px -149px;"></span>
    </button>

                <div class="filter-section-content mt-2 hidden">
                    <div class="flex flex-wrap gap-1.5">
                                                                                                            <a href="#"
                               data-filter-action="toggle" data-filter-param="colour" data-filter-value="grey"
                               title="Gris (80774)"
                               class="w-7 h-7 rounded border-2 cursor-pointer border-gray-300 hover:border-gray-500 transition-colors"
                               style="background-color: #808080;">
                            </a>
                                                                                                            <a href="#"
                               data-filter-action="toggle" data-filter-param="colour" data-filter-value="white"
                               title="Blanc (66276)"
                               class="w-7 h-7 rounded border-2 cursor-pointer border-gray-300 hover:border-gray-500 transition-colors"
                               style="background-color: #FFFFFF;">
                            </a>
                                                                                                            <a href="#"
                               data-filter-action="toggle" data-filter-param="colour" data-filter-value="black"
                               title="Noir (51359)"
                               class="w-7 h-7 rounded border-2 cursor-pointer border-gray-300 hover:border-gray-500 transition-colors"
                               style="background-color: #000000;">
                            </a>
                                                                                                            <a href="#"
                               data-filter-action="toggle" data-filter-param="colour" data-filter-value="blue"
                               title="Bleu (23918)"
                               class="w-7 h-7 rounded border-2 cursor-pointer border-gray-300 hover:border-gray-500 transition-colors"
                               style="background-color: #0066CC;">
                            </a>
                                                                                                            <a href="#"
                               data-filter-action="toggle" data-filter-param="colour" data-filter-value="red"
                               title="Rouge (13372)"
                               class="w-7 h-7 rounded border-2 cursor-pointer border-gray-300 hover:border-gray-500 transition-colors"
                               style="background-color: #CC0000;">
                            </a>
                                                                                                            <a href="#"
                               data-filter-action="toggle" data-filter-param="colour" data-filter-value="green"
                               title="Vert (3846)"
                               class="w-7 h-7 rounded border-2 cursor-pointer border-gray-300 hover:border-gray-500 transition-colors"
                               style="background-color: #228B22;">
                            </a>
                                                                                                            <a href="#"
                               data-filter-action="toggle" data-filter-param="colour" data-filter-value="silver"
                               title="Argent (3760)"
                               class="w-7 h-7 rounded border-2 cursor-pointer border-gray-300 hover:border-gray-500 transition-colors"
                               style="background-color: #C0C0C0;">
                            </a>
                                                                                                            <a href="#"
                               data-filter-action="toggle" data-filter-param="colour" data-filter-value="beige"
                               title="Beige (3416)"
                               class="w-7 h-7 rounded border-2 cursor-pointer border-gray-300 hover:border-gray-500 transition-colors"
                               style="background-color: #F5F5DC;">
                            </a>
                                                                                                            <a href="#"
                               data-filter-action="toggle" data-filter-param="colour" data-filter-value="orange"
                               title="Orange (2433)"
                               class="w-7 h-7 rounded border-2 cursor-pointer border-gray-300 hover:border-gray-500 transition-colors"
                               style="background-color: #FF8C00;">
                            </a>
                                                                                                            <a href="#"
                               data-filter-action="toggle" data-filter-param="colour" data-filter-value="brown"
                               title="Marron (2305)"
                               class="w-7 h-7 rounded border-2 cursor-pointer border-gray-300 hover:border-gray-500 transition-colors"
                               style="background-color: #8B4513;">
                            </a>
                                                                                                            <a href="#"
                               data-filter-action="toggle" data-filter-param="colour" data-filter-value="yellow"
                               title="Jaune (2174)"
                               class="w-7 h-7 rounded border-2 cursor-pointer border-gray-300 hover:border-gray-500 transition-colors"
                               style="background-color: #FFD700;">
                            </a>
                                                                                                            <a href="#"
                               data-filter-action="toggle" data-filter-param="colour" data-filter-value="purple"
                               title="Violet (433)"
                               class="w-7 h-7 rounded border-2 cursor-pointer border-gray-300 hover:border-gray-500 transition-colors"
                               style="background-color: #800080;">
                            </a>
                                                                                                            <a href="#"
                               data-filter-action="toggle" data-filter-param="colour" data-filter-value="gold"
                               title="Or (195)"
                               class="w-7 h-7 rounded border-2 cursor-pointer border-gray-300 hover:border-gray-500 transition-colors"
                               style="background-color: #DAA520;">
                            </a>
                                                                                                            <a href="#"
                               data-filter-action="toggle" data-filter-param="colour" data-filter-value="pink"
                               title="Rose (115)"
                               class="w-7 h-7 rounded border-2 cursor-pointer border-gray-300 hover:border-gray-500 transition-colors"
                               style="background-color: #FF69B4;">
                            </a>
                                            </div>
                </div>
            </div>
            
                        <div class="filter-section">
                                        <button type="button" class="filter-section-toggle flex items-center justify-between w-full py-1 cursor-pointer group"
            aria-expanded="false">
        <h3 class="text-xs font-bold text-gray-900 uppercase">Date des annonces</h3>
        <span class="filter-section-chevron inline-block w-[20px] h-[20px]"
              style="background: url('/build/images/sprites_pa.png') no-repeat -38px -149px;"></span>
    </button>

                <div class="filter-section-content mt-2 hidden">
                    <div class="space-y-1">
                                                            <a href="#" data-filter-action="toggle" data-filter-param="publicated_since" data-filter-value="24h"
       class="flex items-center gap-2 py-0.5 cursor-pointer group">
        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
            border-gray-300 group-hover:border-primary transition-colors">
                    </span>
        <span class="text-xs text-gray-700 leading-tight">de moins de 24h</span>
            </a>

                                                            <a href="#" data-filter-action="toggle" data-filter-param="publicated_since" data-filter-value="7d"
       class="flex items-center gap-2 py-0.5 cursor-pointer group">
        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
            border-gray-300 group-hover:border-primary transition-colors">
                    </span>
        <span class="text-xs text-gray-700 leading-tight">de 7 jours</span>
            </a>

                                                            <a href="#" data-filter-action="toggle" data-filter-param="publicated_since" data-filter-value="30d"
       class="flex items-center gap-2 py-0.5 cursor-pointer group">
        <span class="w-3.5 h-3.5 rounded border flex-shrink-0 flex items-center justify-center
            border-gray-300 group-hover:border-primary transition-colors">
                    </span>
        <span class="text-xs text-gray-700 leading-tight">de 1 mois</span>
            </a>

                                            </div>
                </div>
            </div>

                    </div>
        </div>    </div>
</aside>


                        <div class="flex-1 min-w-0">
                                                                
                <div class="mb-4 bg-primary rounded px-4 py-3">
                    <h1 class="text-sm font-bold text-white">Vehicules d'occasion et neufs</h1>
                </div>

                                
                                <div class="flex flex-row items-center justify-between gap-2 mb-4 bg-gray-50 border border-gray-200 rounded px-3 py-2">
                    <p class="text-sm text-gray-600">
                        <strong>270 196</strong> annonces
                    </p>
                    <div class="flex items-center gap-3">
                                                                                                <form action="/auto/" method="get" class="flex items-center gap-2">
                                                        <select name="sort_combo" onchange="var p=this.value.split('_');this.form.querySelector('[name=sort]').value=p.slice(0,-1).join('_');this.form.querySelector('[name=order]').value=p[p.length-1];this.form.submit();" class="select-field text-xs py-1">
                                <option value="last_activity_at_desc" selected>Date de parution</option>
                                <option value="price_asc">Prix croissant</option>
                                <option value="price_desc">Prix d&eacute;croissant</option>
                                <option value="mileage_asc">Kilom&eacute;trage croissant</option>
                                <option value="mileage_desc">Kilom&eacute;trage d&eacute;croissant</option>
                                <option value="year_desc">Ann&eacute;e d&eacute;croissante</option>
                                <option value="year_asc">Ann&eacute;e croissante</option>
                            </select>
                            <input type="hidden" name="sort" value="last_activity_at">
                            <input type="hidden" name="order" value="desc">
                        </form>

                                                <div class="hidden list-toggle:flex rounded border border-gray-300 overflow-hidden">
                            <button id="view-card" type="button" class="px-2 py-1 bg-gray-100 text-gray-600" aria-label="Vue grille">
                                <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20"><path d="M5 3a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2V5a2 2 0 00-2-2H5zM5 11a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2v-2a2 2 0 00-2-2H5zM11 5a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V5zM11 13a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"/></svg>
                            </button>
                            <button id="view-list" type="button" class="px-2 py-1 bg-primary text-white" aria-label="Vue liste">
                                <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M3 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"/></svg>
                            </button>
                        </div>
                    </div>
                </div>

                                                        <div id="results-card" class="hidden grid grid-cols-1 cards-2:grid-cols-2 sidebar:grid-cols-3 gap-4">
                                                    

<article class="bg-white border border-gray-200 rounded overflow-hidden hover:shadow-md transition-shadow">
    <a href="/auto/annonce-c8cbdc0c-e5e3-4358-98a5-ece494370d26-audi-q3-262459km" class="block">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden">
                            <img src="https://assets2.largus.fr/2026/04/c8cbdc0c-e5e3-4358-98a5-ece494370d26/small-audi-q3-c8cbdc0c-e5e3-4358-98a5-ece494370d26-0.webp" alt="Audi Q3 2.0 TDI quattro S-tronic AHK S-line LED SHZ" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>
    <div class="p-2.5">
        <a href="/auto/annonce-c8cbdc0c-e5e3-4358-98a5-ece494370d26-audi-q3-262459km" class="block">
            <h3 class="font-semibold text-sm text-primary truncate leading-tight">Audi Q3 2.0 TDI quattro S-tronic AHK S-line LED SHZ</h3>
        </a>
                    <p class="text-base font-bold text-accent mt-1">11 985 &euro;</p>
                <div class="mt-1 flex flex-wrap gap-x-2 text-xs text-gray-500">
                            <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2017</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 262 459 km</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Dies.</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Auto.</span>
                    </div>
                    <p class="mt-1 text-xs text-gray-400 flex items-center gap-1 truncate"><svg class="w-3.5 h-3.5 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
<span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>
</article>
                                                    

<article class="bg-white border border-gray-200 rounded overflow-hidden hover:shadow-md transition-shadow">
    <a href="/auto/annonce-d7659dc8-7fa1-45b8-af30-3206c16aa71c-renault-clio-185000km" class="block">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden">
                            <img src="https://assets2.largus.fr/2026/04/d7659dc8-7fa1-45b8-af30-3206c16aa71c/small-renault-clio-d7659dc8-7fa1-45b8-af30-3206c16aa71c-0.webp" alt="Renault Clio 1.2 16V TCE Dynamique Navi Klima" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>
    <div class="p-2.5">
        <a href="/auto/annonce-d7659dc8-7fa1-45b8-af30-3206c16aa71c-renault-clio-185000km" class="block">
            <h3 class="font-semibold text-sm text-primary truncate leading-tight">Renault Clio 1.2 16V TCE Dynamique Navi Klima</h3>
        </a>
                    <p class="text-base font-bold text-accent mt-1">1 185 &euro;</p>
                <div class="mt-1 flex flex-wrap gap-x-2 text-xs text-gray-500">
                            <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2010</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 185 000 km</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Ess.</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Man.</span>
                    </div>
                    <p class="mt-1 text-xs text-gray-400 flex items-center gap-1 truncate"><svg class="w-3.5 h-3.5 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
<span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>
</article>
                                                    

<article class="bg-white border border-gray-200 rounded overflow-hidden hover:shadow-md transition-shadow">
    <a href="/auto/annonce-be074024-91c5-405c-b827-a086d10f60be-alfa-romeo-gt-98326km" class="block">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden">
                            <img src="https://assets2.largus.fr/2026/04/be074024-91c5-405c-b827-a086d10f60be/small-alfa-romeo-gt-be074024-91c5-405c-b827-a086d10f60be-0.webp" alt="Alfa Romeo GT 1.9 JTD Distinctive LM Leder Klima GRA" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>
    <div class="p-2.5">
        <a href="/auto/annonce-be074024-91c5-405c-b827-a086d10f60be-alfa-romeo-gt-98326km" class="block">
            <h3 class="font-semibold text-sm text-primary truncate leading-tight">Alfa Romeo GT 1.9 JTD Distinctive LM Leder Klima GRA</h3>
        </a>
                    <p class="text-base font-bold text-accent mt-1">2 485 &euro;</p>
                <div class="mt-1 flex flex-wrap gap-x-2 text-xs text-gray-500">
                            <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2009</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 98 326 km</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Dies.</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Man.</span>
                    </div>
                    <p class="mt-1 text-xs text-gray-400 flex items-center gap-1 truncate"><svg class="w-3.5 h-3.5 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
<span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>
</article>
                                                    

<article class="bg-white border border-gray-200 rounded overflow-hidden hover:shadow-md transition-shadow">
    <a href="/auto/annonce-a6bb62e2-c312-49f9-8d30-e396eba94020-ds-ds-4-109665km" class="block">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden">
                            <img src="https://assets2.largus.fr/2026/04/a6bb62e2-c312-49f9-8d30-e396eba94020/small-ds-ds-4-a6bb62e2-c312-49f9-8d30-e396eba94020-0.webp" alt="DS 4 Crossback 1.2 PureTech 130 LM Navi Klima PDC" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>
    <div class="p-2.5">
        <a href="/auto/annonce-a6bb62e2-c312-49f9-8d30-e396eba94020-ds-ds-4-109665km" class="block">
            <h3 class="font-semibold text-sm text-primary truncate leading-tight">DS 4 Crossback 1.2 PureTech 130 LM Navi Klima PDC</h3>
        </a>
                    <p class="text-base font-bold text-accent mt-1">5 685 &euro;</p>
                <div class="mt-1 flex flex-wrap gap-x-2 text-xs text-gray-500">
                            <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2016</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 109 665 km</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Ess.</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Man.</span>
                    </div>
                    <p class="mt-1 text-xs text-gray-400 flex items-center gap-1 truncate"><svg class="w-3.5 h-3.5 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
<span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>
</article>
                                                    

<article class="bg-white border border-gray-200 rounded overflow-hidden hover:shadow-md transition-shadow">
    <a href="/auto/annonce-070c67e3-d53c-44ba-b8c8-083025b33e79-ford-custom-10km" class="block">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden">
                            <img src="https://assets2.largus.fr/2026/05/070c67e3-d53c-44ba-b8c8-083025b33e79/small-ford-custom-070c67e3-d53c-44ba-b8c8-083025b33e79-0.webp" alt="Ford Transit Custom 150 Trend 320L2 Attel LED" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    10
                </span>
                    </div>
    </a>
    <div class="p-2.5">
        <a href="/auto/annonce-070c67e3-d53c-44ba-b8c8-083025b33e79-ford-custom-10km" class="block">
            <h3 class="font-semibold text-sm text-primary truncate leading-tight">Ford Transit Custom 150 Trend 320L2 Attel LED</h3>
        </a>
                    <p class="text-base font-bold text-accent mt-1">35 424 &euro;</p>
                <div class="mt-1 flex flex-wrap gap-x-2 text-xs text-gray-500">
                            <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2025</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 10 km</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Dies.</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Man.</span>
                    </div>
                    <p class="mt-1 text-xs text-gray-400 flex items-center gap-1 truncate"><svg class="w-3.5 h-3.5 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
<span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>
</article>
                                                    

<article class="bg-white border border-gray-200 rounded overflow-hidden hover:shadow-md transition-shadow">
    <a href="/auto/annonce-ba121e14-4e23-4c78-a5a1-9397d922a2f3-volvo-xc60-143148km" class="block">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden">
                            <img src="https://assets2.largus.fr/2026/04/ba121e14-4e23-4c78-a5a1-9397d922a2f3/small-volvo-xc60-ba121e14-4e23-4c78-a5a1-9397d922a2f3-0.webp" alt="Volvo XC60 XC 60 D3 2WD Aut. Summum Leder Navi Bi-Xen PDC" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>
    <div class="p-2.5">
        <a href="/auto/annonce-ba121e14-4e23-4c78-a5a1-9397d922a2f3-volvo-xc60-143148km" class="block">
            <h3 class="font-semibold text-sm text-primary truncate leading-tight">Volvo XC60 XC 60 D3 2WD Aut. Summum Leder Navi Bi-Xen PDC</h3>
        </a>
                    <p class="text-base font-bold text-accent mt-1">12 685 &euro;</p>
                <div class="mt-1 flex flex-wrap gap-x-2 text-xs text-gray-500">
                            <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2016</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 143 148 km</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Dies.</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Auto.</span>
                    </div>
                    <p class="mt-1 text-xs text-gray-400 flex items-center gap-1 truncate"><svg class="w-3.5 h-3.5 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
<span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>
</article>
                                                    

<article class="bg-white border border-gray-200 rounded overflow-hidden hover:shadow-md transition-shadow">
    <a href="/auto/annonce-0a28261f-a486-46af-a6e5-a80d89c15740-ford-kuga-114627km" class="block">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden">
                            <img src="https://assets2.largus.fr/2026/04/0a28261f-a486-46af-a6e5-a80d89c15740/small-ford-kuga-0a28261f-a486-46af-a6e5-a80d89c15740-0.webp" alt="Ford Kuga 1.5 EcoBoost ST-Line LM BiXe Navi SHZ Klima" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>
    <div class="p-2.5">
        <a href="/auto/annonce-0a28261f-a486-46af-a6e5-a80d89c15740-ford-kuga-114627km" class="block">
            <h3 class="font-semibold text-sm text-primary truncate leading-tight">Ford Kuga 1.5 EcoBoost ST-Line LM BiXe Navi SHZ Klima</h3>
        </a>
                    <p class="text-base font-bold text-accent mt-1">9 985 &euro;</p>
                <div class="mt-1 flex flex-wrap gap-x-2 text-xs text-gray-500">
                            <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2018</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 114 627 km</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Ess.</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Man.</span>
                    </div>
                    <p class="mt-1 text-xs text-gray-400 flex items-center gap-1 truncate"><svg class="w-3.5 h-3.5 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
<span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>
</article>
                                                    

<article class="bg-white border border-gray-200 rounded overflow-hidden hover:shadow-md transition-shadow">
    <a href="/auto/annonce-890ce6a4-c96e-42b5-a0ba-4eae210b266f-peugeot-2008-2018-76380km" class="block">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden">
                            <img src="https://assets2.largus.fr/2026/05/890ce6a4-c96e-42b5-a0ba-4eae210b266f/small-peugeot-2008-890ce6a4-c96e-42b5-a0ba-4eae210b266f-0.webp" alt="Peugeot 2008 1.2 PT 130 Allure GT-Line Pano Kamera SHZ" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    13
                </span>
                    </div>
    </a>
    <div class="p-2.5">
        <a href="/auto/annonce-890ce6a4-c96e-42b5-a0ba-4eae210b266f-peugeot-2008-2018-76380km" class="block">
            <h3 class="font-semibold text-sm text-primary truncate leading-tight">Peugeot 2008 1.2 PT 130 Allure GT-Line Pano Kamera SHZ</h3>
        </a>
                    <p class="text-base font-bold text-accent mt-1">7 685 &euro;</p>
                <div class="mt-1 flex flex-wrap gap-x-2 text-xs text-gray-500">
                            <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2018</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 76 380 km</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Ess.</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Man.</span>
                    </div>
                    <p class="mt-1 text-xs text-gray-400 flex items-center gap-1 truncate"><svg class="w-3.5 h-3.5 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
<span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>
</article>
                                                    

<article class="bg-white border border-gray-200 rounded overflow-hidden hover:shadow-md transition-shadow">
    <a href="/auto/annonce-5e880563-6b7f-4685-ae96-4a00ac29d224-mercedes-benz-classe-m-ml-375000km" class="block">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden">
                            <img src="https://assets2.largus.fr/2026/04/5e880563-6b7f-4685-ae96-4a00ac29d224/small-mercedes-benz-classe-m-ml-5e880563-6b7f-4685-ae96-4a00ac29d224-0.webp" alt="Mercedes Classe ML 500 LPG Leder Navi Xen PDC AHK" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>
    <div class="p-2.5">
        <a href="/auto/annonce-5e880563-6b7f-4685-ae96-4a00ac29d224-mercedes-benz-classe-m-ml-375000km" class="block">
            <h3 class="font-semibold text-sm text-primary truncate leading-tight">Mercedes Classe ML 500 LPG Leder Navi Xen PDC AHK</h3>
        </a>
                    <p class="text-base font-bold text-accent mt-1">2 285 &euro;</p>
                <div class="mt-1 flex flex-wrap gap-x-2 text-xs text-gray-500">
                            <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2005</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 375 000 km</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Ess.</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Auto.</span>
                    </div>
                    <p class="mt-1 text-xs text-gray-400 flex items-center gap-1 truncate"><svg class="w-3.5 h-3.5 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
<span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>
</article>
                                                    

<article class="bg-white border border-gray-200 rounded overflow-hidden hover:shadow-md transition-shadow">
    <a href="/auto/annonce-a7730144-5bff-4ab9-ade4-6f65aa7dec0d-ford-focus-215153km" class="block">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden">
                            <img src="https://assets2.largus.fr/2026/04/a7730144-5bff-4ab9-ade4-6f65aa7dec0d/small-ford-focus-a7730144-5bff-4ab9-ade4-6f65aa7dec0d-0.webp" alt="Ford Focus 1.8 Turnier Titanium Navi PDC BT GRA SHZ" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>
    <div class="p-2.5">
        <a href="/auto/annonce-a7730144-5bff-4ab9-ade4-6f65aa7dec0d-ford-focus-215153km" class="block">
            <h3 class="font-semibold text-sm text-primary truncate leading-tight">Ford Focus 1.8 Turnier Titanium Navi PDC BT GRA SHZ</h3>
        </a>
                    <p class="text-base font-bold text-accent mt-1">985 &euro;</p>
                <div class="mt-1 flex flex-wrap gap-x-2 text-xs text-gray-500">
                            <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2010</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 215 153 km</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Ess.</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Man.</span>
                    </div>
                    <p class="mt-1 text-xs text-gray-400 flex items-center gap-1 truncate"><svg class="w-3.5 h-3.5 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
<span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>
</article>
                                                    

<article class="bg-white border border-gray-200 rounded overflow-hidden hover:shadow-md transition-shadow">
    <a href="/auto/annonce-a5a053e6-bfb5-48af-a425-39ac64478efc-citroen-c4-85347km" class="block">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden">
                            <img src="https://assets2.largus.fr/2026/04/a5a053e6-bfb5-48af-a425-39ac64478efc/small-citroen-c4-a5a053e6-bfb5-48af-a425-39ac64478efc-0.webp" alt="Citroën C4 Grand Spacetourer 1.5 BlueHDi 130 Shine 7S LM" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>
    <div class="p-2.5">
        <a href="/auto/annonce-a5a053e6-bfb5-48af-a425-39ac64478efc-citroen-c4-85347km" class="block">
            <h3 class="font-semibold text-sm text-primary truncate leading-tight">Citroën C4 Grand Spacetourer 1.5 BlueHDi 130 Shine 7S LM</h3>
        </a>
                    <p class="text-base font-bold text-accent mt-1">11 985 &euro;</p>
                <div class="mt-1 flex flex-wrap gap-x-2 text-xs text-gray-500">
                            <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2019</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 85 347 km</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Dies.</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Man.</span>
                    </div>
                    <p class="mt-1 text-xs text-gray-400 flex items-center gap-1 truncate"><svg class="w-3.5 h-3.5 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
<span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>
</article>
                                                    

<article class="bg-white border border-gray-200 rounded overflow-hidden hover:shadow-md transition-shadow">
    <a href="/auto/annonce-f6853453-a825-4f16-b003-3fe62c3beaea-volkswagen-golf-10km" class="block">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden">
                            <img src="https://assets2.largus.fr/2026/06/f6853453-a825-4f16-b003-3fe62c3beaea/small-volkswagen-golf-f6853453-a825-4f16-b003-3fe62c3beaea-0.webp" alt="Volkswagen Golf Variant 2.0 TDI 150 DSG R-Line" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    10
                </span>
                    </div>
    </a>
    <div class="p-2.5">
        <a href="/auto/annonce-f6853453-a825-4f16-b003-3fe62c3beaea-volkswagen-golf-10km" class="block">
            <h3 class="font-semibold text-sm text-primary truncate leading-tight">Volkswagen Golf Variant 2.0 TDI 150 DSG R-Line</h3>
        </a>
                    <p class="text-base font-bold text-accent mt-1">34 778 &euro;</p>
                <div class="mt-1 flex flex-wrap gap-x-2 text-xs text-gray-500">
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 10 km</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Dies.</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Auto.</span>
                    </div>
                    <p class="mt-1 text-xs text-gray-400 flex items-center gap-1 truncate"><svg class="w-3.5 h-3.5 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
<span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>
</article>
                                                    

<article class="bg-white border border-gray-200 rounded overflow-hidden hover:shadow-md transition-shadow">
    <a href="/auto/annonce-670cbb56-88fb-4cfb-9d7f-e3916aee06e4-jaguar-f-pace-185025km" class="block">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden">
                            <img src="https://assets2.largus.fr/2026/04/670cbb56-88fb-4cfb-9d7f-e3916aee06e4/small-jaguar-f-pace-670cbb56-88fb-4cfb-9d7f-e3916aee06e4-0.webp" alt="Jaguar F-Pace Portfolion 20d AWD Navi InControl HUD" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>
    <div class="p-2.5">
        <a href="/auto/annonce-670cbb56-88fb-4cfb-9d7f-e3916aee06e4-jaguar-f-pace-185025km" class="block">
            <h3 class="font-semibold text-sm text-primary truncate leading-tight">Jaguar F-Pace Portfolion 20d AWD Navi InControl HUD</h3>
        </a>
                    <p class="text-base font-bold text-accent mt-1">9 685 &euro;</p>
                <div class="mt-1 flex flex-wrap gap-x-2 text-xs text-gray-500">
                            <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2016</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 185 025 km</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Dies.</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Auto.</span>
                    </div>
                    <p class="mt-1 text-xs text-gray-400 flex items-center gap-1 truncate"><svg class="w-3.5 h-3.5 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
<span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>
</article>
                                                    

<article class="bg-white border border-gray-200 rounded overflow-hidden hover:shadow-md transition-shadow">
    <a href="/auto/annonce-b2a3337b-18db-4903-9714-8ea772701946-seat-leon-150034km" class="block">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden">
                            <img src="https://assets2.largus.fr/2026/04/b2a3337b-18db-4903-9714-8ea772701946/small-seat-leon-b2a3337b-18db-4903-9714-8ea772701946-0.webp" alt="Seat Leon ST 1.4 TSI FR LED Navi 2xPDC SHZ LM 17&quot; Cli" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    13
                </span>
                    </div>
    </a>
    <div class="p-2.5">
        <a href="/auto/annonce-b2a3337b-18db-4903-9714-8ea772701946-seat-leon-150034km" class="block">
            <h3 class="font-semibold text-sm text-primary truncate leading-tight">Seat Leon ST 1.4 TSI FR LED Navi 2xPDC SHZ LM 17&quot; Cli</h3>
        </a>
                    <p class="text-base font-bold text-accent mt-1">8 185 &euro;</p>
                <div class="mt-1 flex flex-wrap gap-x-2 text-xs text-gray-500">
                            <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2016</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 150 034 km</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Ess.</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Man.</span>
                    </div>
                    <p class="mt-1 text-xs text-gray-400 flex items-center gap-1 truncate"><svg class="w-3.5 h-3.5 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
<span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>
</article>
                                                    

<article class="bg-white border border-gray-200 rounded overflow-hidden hover:shadow-md transition-shadow">
    <a href="/auto/annonce-45141057-3f4d-4efe-9297-dd0ab2555ec4-renault-twingo-196302km" class="block">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden">
                            <img src="https://assets2.largus.fr/2026/04/45141057-3f4d-4efe-9297-dd0ab2555ec4/small-renault-twingo-45141057-3f4d-4efe-9297-dd0ab2555ec4-0.webp" alt="Renault Twingo 0.9 TCe 110 GT R&amp;GO + Klima-Paket PDC" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>
    <div class="p-2.5">
        <a href="/auto/annonce-45141057-3f4d-4efe-9297-dd0ab2555ec4-renault-twingo-196302km" class="block">
            <h3 class="font-semibold text-sm text-primary truncate leading-tight">Renault Twingo 0.9 TCe 110 GT R&amp;GO + Klima-Paket PDC</h3>
        </a>
                    <p class="text-base font-bold text-accent mt-1">4 485 &euro;</p>
                <div class="mt-1 flex flex-wrap gap-x-2 text-xs text-gray-500">
                            <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2018</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 196 302 km</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Ess.</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Man.</span>
                    </div>
                    <p class="mt-1 text-xs text-gray-400 flex items-center gap-1 truncate"><svg class="w-3.5 h-3.5 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
<span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>
</article>
                                                    

<article class="bg-white border border-gray-200 rounded overflow-hidden hover:shadow-md transition-shadow">
    <a href="/auto/annonce-2131d4a1-0817-4bb3-939c-a1040275c771-ford-edge-141415km" class="block">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden">
                            <img src="https://assets2.largus.fr/2026/04/2131d4a1-0817-4bb3-939c-a1040275c771/small-ford-edge-2131d4a1-0817-4bb3-939c-a1040275c771-0.webp" alt="Ford Edge 2.0 TDCi Bi-Turbo PowerShift Titanium Leder" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>
    <div class="p-2.5">
        <a href="/auto/annonce-2131d4a1-0817-4bb3-939c-a1040275c771-ford-edge-141415km" class="block">
            <h3 class="font-semibold text-sm text-primary truncate leading-tight">Ford Edge 2.0 TDCi Bi-Turbo PowerShift Titanium Leder</h3>
        </a>
                    <p class="text-base font-bold text-accent mt-1">14 185 &euro;</p>
                <div class="mt-1 flex flex-wrap gap-x-2 text-xs text-gray-500">
                            <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2017</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 141 415 km</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Dies.</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Auto.</span>
                    </div>
                    <p class="mt-1 text-xs text-gray-400 flex items-center gap-1 truncate"><svg class="w-3.5 h-3.5 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
<span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>
</article>
                                                    

<article class="bg-white border border-gray-200 rounded overflow-hidden hover:shadow-md transition-shadow">
    <a href="/auto/annonce-29f6ec52-0d74-4b55-a39e-09eb9920ba3e-opel-combo-2025-10km" class="block">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden">
                            <img src="https://assets2.largus.fr/2026/06/29f6ec52-0d74-4b55-a39e-09eb9920ba3e/small-opel-combo-29f6ec52-0d74-4b55-a39e-09eb9920ba3e-0.webp" alt="Opel Combo 1.5 D 100 Style" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    10
                </span>
                    </div>
    </a>
    <div class="p-2.5">
        <a href="/auto/annonce-29f6ec52-0d74-4b55-a39e-09eb9920ba3e-opel-combo-2025-10km" class="block">
            <h3 class="font-semibold text-sm text-primary truncate leading-tight">Opel Combo 1.5 D 100 Style</h3>
        </a>
                    <p class="text-base font-bold text-accent mt-1">22 106 &euro;</p>
                <div class="mt-1 flex flex-wrap gap-x-2 text-xs text-gray-500">
                            <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2025</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 10 km</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Dies.</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Man.</span>
                    </div>
                    <p class="mt-1 text-xs text-gray-400 flex items-center gap-1 truncate"><svg class="w-3.5 h-3.5 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
<span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>
</article>
                                                    

<article class="bg-white border border-gray-200 rounded overflow-hidden hover:shadow-md transition-shadow">
    <a href="/auto/annonce-f94faa5c-c4ae-4e22-bc1d-23255dabb688-ford-fiesta-163047km" class="block">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden">
                            <img src="https://assets2.largus.fr/2026/04/f94faa5c-c4ae-4e22-bc1d-23255dabb688/small-ford-fiesta-f94faa5c-c4ae-4e22-bc1d-23255dabb688-0.webp" alt="Ford Fiesta 1.25 Klima el.FH RadioCD" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>
    <div class="p-2.5">
        <a href="/auto/annonce-f94faa5c-c4ae-4e22-bc1d-23255dabb688-ford-fiesta-163047km" class="block">
            <h3 class="font-semibold text-sm text-primary truncate leading-tight">Ford Fiesta 1.25 Klima el.FH RadioCD</h3>
        </a>
                    <p class="text-base font-bold text-accent mt-1">1 785 &euro;</p>
                <div class="mt-1 flex flex-wrap gap-x-2 text-xs text-gray-500">
                            <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2010</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 163 047 km</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Ess.</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Man.</span>
                    </div>
                    <p class="mt-1 text-xs text-gray-400 flex items-center gap-1 truncate"><svg class="w-3.5 h-3.5 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
<span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>
</article>
                                                    

<article class="bg-white border border-gray-200 rounded overflow-hidden hover:shadow-md transition-shadow">
    <a href="/auto/annonce-d5ffc797-a5f5-410f-9def-42057eb2b98a-opel-mokka-118609km" class="block">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden">
                            <img src="https://assets2.largus.fr/2026/04/d5ffc797-a5f5-410f-9def-42057eb2b98a/small-opel-mokka-d5ffc797-a5f5-410f-9def-42057eb2b98a-0.webp" alt="Opel Mokka X 1.4 Turbo Innovation 4x4 Navi RFK SHZ LM" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>
    <div class="p-2.5">
        <a href="/auto/annonce-d5ffc797-a5f5-410f-9def-42057eb2b98a-opel-mokka-118609km" class="block">
            <h3 class="font-semibold text-sm text-primary truncate leading-tight">Opel Mokka X 1.4 Turbo Innovation 4x4 Navi RFK SHZ LM</h3>
        </a>
                    <p class="text-base font-bold text-accent mt-1">8 685 &euro;</p>
                <div class="mt-1 flex flex-wrap gap-x-2 text-xs text-gray-500">
                            <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2017</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 118 609 km</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Ess.</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Man.</span>
                    </div>
                    <p class="mt-1 text-xs text-gray-400 flex items-center gap-1 truncate"><svg class="w-3.5 h-3.5 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
<span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>
</article>
                                                    

<article class="bg-white border border-gray-200 rounded overflow-hidden hover:shadow-md transition-shadow">
    <a href="/auto/annonce-50d61445-4903-4f78-b065-c43556ec5259-toyota-rav4-204138km" class="block">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden">
                            <img src="https://assets2.largus.fr/2026/04/50d61445-4903-4f78-b065-c43556ec5259/small-toyota-rav4-50d61445-4903-4f78-b065-c43556ec5259-0.webp" alt="Toyota RAV4 2.2 D-4D Aut. 4x4 Nav Leder LM SHZ MFL Keyl" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>
    <div class="p-2.5">
        <a href="/auto/annonce-50d61445-4903-4f78-b065-c43556ec5259-toyota-rav4-204138km" class="block">
            <h3 class="font-semibold text-sm text-primary truncate leading-tight">Toyota RAV4 2.2 D-4D Aut. 4x4 Nav Leder LM SHZ MFL Keyl</h3>
        </a>
                    <p class="text-base font-bold text-accent mt-1">5 485 &euro;</p>
                <div class="mt-1 flex flex-wrap gap-x-2 text-xs text-gray-500">
                            <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2009</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 204 138 km</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Dies.</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Auto.</span>
                    </div>
                    <p class="mt-1 text-xs text-gray-400 flex items-center gap-1 truncate"><svg class="w-3.5 h-3.5 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
<span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>
</article>
                                                    

<article class="bg-white border border-gray-200 rounded overflow-hidden hover:shadow-md transition-shadow">
    <a href="/auto/annonce-34f4009c-e107-4517-8ae7-a296f505a353-volkswagen-amarok-155638km" class="block">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden">
                            <img src="https://assets2.largus.fr/2026/04/34f4009c-e107-4517-8ae7-a296f505a353/small-volkswagen-amarok-34f4009c-e107-4517-8ae7-a296f505a353-0.webp" alt="Volkswagen Amarok 4Motion 3.0 TDI Highline" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>
    <div class="p-2.5">
        <a href="/auto/annonce-34f4009c-e107-4517-8ae7-a296f505a353-volkswagen-amarok-155638km" class="block">
            <h3 class="font-semibold text-sm text-primary truncate leading-tight">Volkswagen Amarok 4Motion 3.0 TDI Highline</h3>
        </a>
                    <p class="text-base font-bold text-accent mt-1">23 985 &euro;</p>
                <div class="mt-1 flex flex-wrap gap-x-2 text-xs text-gray-500">
                            <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2019</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 155 638 km</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Dies.</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Auto.</span>
                    </div>
                    <p class="mt-1 text-xs text-gray-400 flex items-center gap-1 truncate"><svg class="w-3.5 h-3.5 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
<span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>
</article>
                                                    

<article class="bg-white border border-gray-200 rounded overflow-hidden hover:shadow-md transition-shadow">
    <a href="/auto/annonce-ccb75b14-4442-4bb8-b8ee-5e0475790798-volkswagen-golf-100000km" class="block">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden">
                            <img src="https://assets2.largus.fr/2026/04/ccb75b14-4442-4bb8-b8ee-5e0475790798/small-volkswagen-golf-ccb75b14-4442-4bb8-b8ee-5e0475790798-0.webp" alt="Volkswagen Golf VII Var 1.4 TSI DSG Comfortline Navi PDC LM" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>
    <div class="p-2.5">
        <a href="/auto/annonce-ccb75b14-4442-4bb8-b8ee-5e0475790798-volkswagen-golf-100000km" class="block">
            <h3 class="font-semibold text-sm text-primary truncate leading-tight">Volkswagen Golf VII Var 1.4 TSI DSG Comfortline Navi PDC LM</h3>
        </a>
                    <p class="text-base font-bold text-accent mt-1">11 385 &euro;</p>
                <div class="mt-1 flex flex-wrap gap-x-2 text-xs text-gray-500">
                            <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2017</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 100 000 km</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Ess.</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Auto.</span>
                    </div>
                    <p class="mt-1 text-xs text-gray-400 flex items-center gap-1 truncate"><svg class="w-3.5 h-3.5 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
<span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>
</article>
                                                    

<article class="bg-white border border-gray-200 rounded overflow-hidden hover:shadow-md transition-shadow">
    <a href="/auto/annonce-be950f99-9d1b-4bde-944b-2a0cde9fd974-mg-mg-motor-mg3-2025-10km" class="block">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden">
                            <img src="https://assets2.largus.fr/2026/06/be950f99-9d1b-4bde-944b-2a0cde9fd974/small-mg-mg-motor-mg3-be950f99-9d1b-4bde-944b-2a0cde9fd974-0.webp" alt="Mg3 3 Comfort 116 LED GPS Cam PDC régul 16p" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    10
                </span>
                    </div>
    </a>
    <div class="p-2.5">
        <a href="/auto/annonce-be950f99-9d1b-4bde-944b-2a0cde9fd974-mg-mg-motor-mg3-2025-10km" class="block">
            <h3 class="font-semibold text-sm text-primary truncate leading-tight">Mg3 3 Comfort 116 LED GPS Cam PDC régul 16p</h3>
        </a>
                    <p class="text-base font-bold text-accent mt-1">15 416 &euro;</p>
                <div class="mt-1 flex flex-wrap gap-x-2 text-xs text-gray-500">
                            <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2025</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 10 km</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Ess.</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Man.</span>
                    </div>
                    <p class="mt-1 text-xs text-gray-400 flex items-center gap-1 truncate"><svg class="w-3.5 h-3.5 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
<span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>
</article>
                                                    

<article class="bg-white border border-gray-200 rounded overflow-hidden hover:shadow-md transition-shadow">
    <a href="/auto/annonce-35eb5690-f375-47df-a172-48bd80a95c80-opel-corsa-60005km" class="block">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden">
                            <img src="https://assets2.largus.fr/2026/04/35eb5690-f375-47df-a172-48bd80a95c80/small-opel-corsa-35eb5690-f375-47df-a172-48bd80a95c80-0.webp" alt="Opel Corsa F 1.2 Turbo GS Line Nav Kamera PDC SHZ LM" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>
    <div class="p-2.5">
        <a href="/auto/annonce-35eb5690-f375-47df-a172-48bd80a95c80-opel-corsa-60005km" class="block">
            <h3 class="font-semibold text-sm text-primary truncate leading-tight">Opel Corsa F 1.2 Turbo GS Line Nav Kamera PDC SHZ LM</h3>
        </a>
                    <p class="text-base font-bold text-accent mt-1">10 385 &euro;</p>
                <div class="mt-1 flex flex-wrap gap-x-2 text-xs text-gray-500">
                            <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2019</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 60 005 km</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Ess.</span>
                                        <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Man.</span>
                    </div>
                    <p class="mt-1 text-xs text-gray-400 flex items-center gap-1 truncate"><svg class="w-3.5 h-3.5 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
<span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>
</article>
                                            </div>

                                        <div id="results-list" class="space-y-3">
                                                    
<article class="bg-white border border-gray-200 rounded flex hover:shadow-sm transition-shadow">
        <a href="/auto/annonce-c8cbdc0c-e5e3-4358-98a5-ece494370d26-audi-q3-262459km" class="flex-shrink-0 w-36 sm:w-44">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden rounded-l">
                            <picture>
                    <source media="(min-width: 640px)" srcset="https://assets2.largus.fr/2026/04/c8cbdc0c-e5e3-4358-98a5-ece494370d26/small-audi-q3-c8cbdc0c-e5e3-4358-98a5-ece494370d26-0.webp">                    <img src="https://assets2.largus.fr/2026/04/c8cbdc0c-e5e3-4358-98a5-ece494370d26/thumb-audi-q3-c8cbdc0c-e5e3-4358-98a5-ece494370d26-0.webp" alt="Audi Q3 2.0 TDI quattro S-tronic AHK S-line LED SHZ" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                </picture>
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>

        <div class="flex-1 p-3 flex flex-col justify-between min-w-0">
        <div>
            <a href="/auto/annonce-c8cbdc0c-e5e3-4358-98a5-ece494370d26-audi-q3-262459km" class="block">
                <h3 class="font-semibold text-sm text-primary truncate">Audi Q3 2.0 TDI quattro S-tronic AHK S-line LED SHZ</h3>
            </a>
            <div class="mt-1 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-gray-500">
                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2017</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 262 459 km</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Diesel</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Automatique</span>            </div>
        </div>
                    <p class="text-xs text-gray-400 mt-1 flex items-center gap-1"><span class="flex-shrink-0"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
</span><span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>

        <div class="flex-shrink-0 p-3 flex items-center">
                    <span class="text-lg font-bold text-accent whitespace-nowrap">11 985 &euro;</span>
            </div>
</article>
                                                    
<article class="bg-white border border-gray-200 rounded flex hover:shadow-sm transition-shadow">
        <a href="/auto/annonce-d7659dc8-7fa1-45b8-af30-3206c16aa71c-renault-clio-185000km" class="flex-shrink-0 w-36 sm:w-44">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden rounded-l">
                            <picture>
                    <source media="(min-width: 640px)" srcset="https://assets2.largus.fr/2026/04/d7659dc8-7fa1-45b8-af30-3206c16aa71c/small-renault-clio-d7659dc8-7fa1-45b8-af30-3206c16aa71c-0.webp">                    <img src="https://assets2.largus.fr/2026/04/d7659dc8-7fa1-45b8-af30-3206c16aa71c/thumb-renault-clio-d7659dc8-7fa1-45b8-af30-3206c16aa71c-0.webp" alt="Renault Clio 1.2 16V TCE Dynamique Navi Klima" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                </picture>
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>

        <div class="flex-1 p-3 flex flex-col justify-between min-w-0">
        <div>
            <a href="/auto/annonce-d7659dc8-7fa1-45b8-af30-3206c16aa71c-renault-clio-185000km" class="block">
                <h3 class="font-semibold text-sm text-primary truncate">Renault Clio 1.2 16V TCE Dynamique Navi Klima</h3>
            </a>
            <div class="mt-1 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-gray-500">
                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2010</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 185 000 km</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Essence</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Manuelle</span>            </div>
        </div>
                    <p class="text-xs text-gray-400 mt-1 flex items-center gap-1"><span class="flex-shrink-0"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
</span><span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>

        <div class="flex-shrink-0 p-3 flex items-center">
                    <span class="text-lg font-bold text-accent whitespace-nowrap">1 185 &euro;</span>
            </div>
</article>
                                                    
<article class="bg-white border border-gray-200 rounded flex hover:shadow-sm transition-shadow">
        <a href="/auto/annonce-be074024-91c5-405c-b827-a086d10f60be-alfa-romeo-gt-98326km" class="flex-shrink-0 w-36 sm:w-44">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden rounded-l">
                            <picture>
                    <source media="(min-width: 640px)" srcset="https://assets2.largus.fr/2026/04/be074024-91c5-405c-b827-a086d10f60be/small-alfa-romeo-gt-be074024-91c5-405c-b827-a086d10f60be-0.webp">                    <img src="https://assets2.largus.fr/2026/04/be074024-91c5-405c-b827-a086d10f60be/thumb-alfa-romeo-gt-be074024-91c5-405c-b827-a086d10f60be-0.webp" alt="Alfa Romeo GT 1.9 JTD Distinctive LM Leder Klima GRA" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                </picture>
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>

        <div class="flex-1 p-3 flex flex-col justify-between min-w-0">
        <div>
            <a href="/auto/annonce-be074024-91c5-405c-b827-a086d10f60be-alfa-romeo-gt-98326km" class="block">
                <h3 class="font-semibold text-sm text-primary truncate">Alfa Romeo GT 1.9 JTD Distinctive LM Leder Klima GRA</h3>
            </a>
            <div class="mt-1 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-gray-500">
                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2009</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 98 326 km</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Diesel</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Manuelle</span>            </div>
        </div>
                    <p class="text-xs text-gray-400 mt-1 flex items-center gap-1"><span class="flex-shrink-0"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
</span><span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>

        <div class="flex-shrink-0 p-3 flex items-center">
                    <span class="text-lg font-bold text-accent whitespace-nowrap">2 485 &euro;</span>
            </div>
</article>
                                                    
<article class="bg-white border border-gray-200 rounded flex hover:shadow-sm transition-shadow">
        <a href="/auto/annonce-a6bb62e2-c312-49f9-8d30-e396eba94020-ds-ds-4-109665km" class="flex-shrink-0 w-36 sm:w-44">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden rounded-l">
                            <picture>
                    <source media="(min-width: 640px)" srcset="https://assets2.largus.fr/2026/04/a6bb62e2-c312-49f9-8d30-e396eba94020/small-ds-ds-4-a6bb62e2-c312-49f9-8d30-e396eba94020-0.webp">                    <img src="https://assets2.largus.fr/2026/04/a6bb62e2-c312-49f9-8d30-e396eba94020/thumb-ds-ds-4-a6bb62e2-c312-49f9-8d30-e396eba94020-0.webp" alt="DS 4 Crossback 1.2 PureTech 130 LM Navi Klima PDC" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                </picture>
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>

        <div class="flex-1 p-3 flex flex-col justify-between min-w-0">
        <div>
            <a href="/auto/annonce-a6bb62e2-c312-49f9-8d30-e396eba94020-ds-ds-4-109665km" class="block">
                <h3 class="font-semibold text-sm text-primary truncate">DS 4 Crossback 1.2 PureTech 130 LM Navi Klima PDC</h3>
            </a>
            <div class="mt-1 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-gray-500">
                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2016</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 109 665 km</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Essence</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Manuelle</span>            </div>
        </div>
                    <p class="text-xs text-gray-400 mt-1 flex items-center gap-1"><span class="flex-shrink-0"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
</span><span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>

        <div class="flex-shrink-0 p-3 flex items-center">
                    <span class="text-lg font-bold text-accent whitespace-nowrap">5 685 &euro;</span>
            </div>
</article>
                                                    
<article class="bg-white border border-gray-200 rounded flex hover:shadow-sm transition-shadow">
        <a href="/auto/annonce-070c67e3-d53c-44ba-b8c8-083025b33e79-ford-custom-10km" class="flex-shrink-0 w-36 sm:w-44">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden rounded-l">
                            <picture>
                    <source media="(min-width: 640px)" srcset="https://assets2.largus.fr/2026/05/070c67e3-d53c-44ba-b8c8-083025b33e79/small-ford-custom-070c67e3-d53c-44ba-b8c8-083025b33e79-0.webp">                    <img src="https://assets2.largus.fr/2026/05/070c67e3-d53c-44ba-b8c8-083025b33e79/thumb-ford-custom-070c67e3-d53c-44ba-b8c8-083025b33e79-0.webp" alt="Ford Transit Custom 150 Trend 320L2 Attel LED" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                </picture>
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    10
                </span>
                    </div>
    </a>

        <div class="flex-1 p-3 flex flex-col justify-between min-w-0">
        <div>
            <a href="/auto/annonce-070c67e3-d53c-44ba-b8c8-083025b33e79-ford-custom-10km" class="block">
                <h3 class="font-semibold text-sm text-primary truncate">Ford Transit Custom 150 Trend 320L2 Attel LED</h3>
            </a>
            <div class="mt-1 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-gray-500">
                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2025</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 10 km</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Diesel</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Manuelle</span>            </div>
        </div>
                    <p class="text-xs text-gray-400 mt-1 flex items-center gap-1"><span class="flex-shrink-0"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
</span><span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>

        <div class="flex-shrink-0 p-3 flex items-center">
                    <span class="text-lg font-bold text-accent whitespace-nowrap">35 424 &euro;</span>
            </div>
</article>
                                                    
<article class="bg-white border border-gray-200 rounded flex hover:shadow-sm transition-shadow">
        <a href="/auto/annonce-ba121e14-4e23-4c78-a5a1-9397d922a2f3-volvo-xc60-143148km" class="flex-shrink-0 w-36 sm:w-44">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden rounded-l">
                            <picture>
                    <source media="(min-width: 640px)" srcset="https://assets2.largus.fr/2026/04/ba121e14-4e23-4c78-a5a1-9397d922a2f3/small-volvo-xc60-ba121e14-4e23-4c78-a5a1-9397d922a2f3-0.webp">                    <img src="https://assets2.largus.fr/2026/04/ba121e14-4e23-4c78-a5a1-9397d922a2f3/thumb-volvo-xc60-ba121e14-4e23-4c78-a5a1-9397d922a2f3-0.webp" alt="Volvo XC60 XC 60 D3 2WD Aut. Summum Leder Navi Bi-Xen PDC" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                </picture>
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>

        <div class="flex-1 p-3 flex flex-col justify-between min-w-0">
        <div>
            <a href="/auto/annonce-ba121e14-4e23-4c78-a5a1-9397d922a2f3-volvo-xc60-143148km" class="block">
                <h3 class="font-semibold text-sm text-primary truncate">Volvo XC60 XC 60 D3 2WD Aut. Summum Leder Navi Bi-Xen PDC</h3>
            </a>
            <div class="mt-1 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-gray-500">
                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2016</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 143 148 km</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Diesel</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Automatique</span>            </div>
        </div>
                    <p class="text-xs text-gray-400 mt-1 flex items-center gap-1"><span class="flex-shrink-0"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
</span><span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>

        <div class="flex-shrink-0 p-3 flex items-center">
                    <span class="text-lg font-bold text-accent whitespace-nowrap">12 685 &euro;</span>
            </div>
</article>
                                                    
<article class="bg-white border border-gray-200 rounded flex hover:shadow-sm transition-shadow">
        <a href="/auto/annonce-0a28261f-a486-46af-a6e5-a80d89c15740-ford-kuga-114627km" class="flex-shrink-0 w-36 sm:w-44">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden rounded-l">
                            <picture>
                    <source media="(min-width: 640px)" srcset="https://assets2.largus.fr/2026/04/0a28261f-a486-46af-a6e5-a80d89c15740/small-ford-kuga-0a28261f-a486-46af-a6e5-a80d89c15740-0.webp">                    <img src="https://assets2.largus.fr/2026/04/0a28261f-a486-46af-a6e5-a80d89c15740/thumb-ford-kuga-0a28261f-a486-46af-a6e5-a80d89c15740-0.webp" alt="Ford Kuga 1.5 EcoBoost ST-Line LM BiXe Navi SHZ Klima" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                </picture>
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>

        <div class="flex-1 p-3 flex flex-col justify-between min-w-0">
        <div>
            <a href="/auto/annonce-0a28261f-a486-46af-a6e5-a80d89c15740-ford-kuga-114627km" class="block">
                <h3 class="font-semibold text-sm text-primary truncate">Ford Kuga 1.5 EcoBoost ST-Line LM BiXe Navi SHZ Klima</h3>
            </a>
            <div class="mt-1 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-gray-500">
                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2018</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 114 627 km</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Essence</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Manuelle</span>            </div>
        </div>
                    <p class="text-xs text-gray-400 mt-1 flex items-center gap-1"><span class="flex-shrink-0"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
</span><span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>

        <div class="flex-shrink-0 p-3 flex items-center">
                    <span class="text-lg font-bold text-accent whitespace-nowrap">9 985 &euro;</span>
            </div>
</article>
                                                    
<article class="bg-white border border-gray-200 rounded flex hover:shadow-sm transition-shadow">
        <a href="/auto/annonce-890ce6a4-c96e-42b5-a0ba-4eae210b266f-peugeot-2008-2018-76380km" class="flex-shrink-0 w-36 sm:w-44">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden rounded-l">
                            <picture>
                    <source media="(min-width: 640px)" srcset="https://assets2.largus.fr/2026/05/890ce6a4-c96e-42b5-a0ba-4eae210b266f/small-peugeot-2008-890ce6a4-c96e-42b5-a0ba-4eae210b266f-0.webp">                    <img src="https://assets2.largus.fr/2026/05/890ce6a4-c96e-42b5-a0ba-4eae210b266f/thumb-peugeot-2008-890ce6a4-c96e-42b5-a0ba-4eae210b266f-0.webp" alt="Peugeot 2008 1.2 PT 130 Allure GT-Line Pano Kamera SHZ" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                </picture>
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    13
                </span>
                    </div>
    </a>

        <div class="flex-1 p-3 flex flex-col justify-between min-w-0">
        <div>
            <a href="/auto/annonce-890ce6a4-c96e-42b5-a0ba-4eae210b266f-peugeot-2008-2018-76380km" class="block">
                <h3 class="font-semibold text-sm text-primary truncate">Peugeot 2008 1.2 PT 130 Allure GT-Line Pano Kamera SHZ</h3>
            </a>
            <div class="mt-1 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-gray-500">
                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2018</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 76 380 km</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Essence</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Manuelle</span>            </div>
        </div>
                    <p class="text-xs text-gray-400 mt-1 flex items-center gap-1"><span class="flex-shrink-0"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
</span><span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>

        <div class="flex-shrink-0 p-3 flex items-center">
                    <span class="text-lg font-bold text-accent whitespace-nowrap">7 685 &euro;</span>
            </div>
</article>
                                                    
<article class="bg-white border border-gray-200 rounded flex hover:shadow-sm transition-shadow">
        <a href="/auto/annonce-5e880563-6b7f-4685-ae96-4a00ac29d224-mercedes-benz-classe-m-ml-375000km" class="flex-shrink-0 w-36 sm:w-44">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden rounded-l">
                            <picture>
                    <source media="(min-width: 640px)" srcset="https://assets2.largus.fr/2026/04/5e880563-6b7f-4685-ae96-4a00ac29d224/small-mercedes-benz-classe-m-ml-5e880563-6b7f-4685-ae96-4a00ac29d224-0.webp">                    <img src="https://assets2.largus.fr/2026/04/5e880563-6b7f-4685-ae96-4a00ac29d224/thumb-mercedes-benz-classe-m-ml-5e880563-6b7f-4685-ae96-4a00ac29d224-0.webp" alt="Mercedes Classe ML 500 LPG Leder Navi Xen PDC AHK" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                </picture>
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>

        <div class="flex-1 p-3 flex flex-col justify-between min-w-0">
        <div>
            <a href="/auto/annonce-5e880563-6b7f-4685-ae96-4a00ac29d224-mercedes-benz-classe-m-ml-375000km" class="block">
                <h3 class="font-semibold text-sm text-primary truncate">Mercedes Classe ML 500 LPG Leder Navi Xen PDC AHK</h3>
            </a>
            <div class="mt-1 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-gray-500">
                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2005</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 375 000 km</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Essence</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Automatique</span>            </div>
        </div>
                    <p class="text-xs text-gray-400 mt-1 flex items-center gap-1"><span class="flex-shrink-0"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
</span><span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>

        <div class="flex-shrink-0 p-3 flex items-center">
                    <span class="text-lg font-bold text-accent whitespace-nowrap">2 285 &euro;</span>
            </div>
</article>
                                                    
<article class="bg-white border border-gray-200 rounded flex hover:shadow-sm transition-shadow">
        <a href="/auto/annonce-a7730144-5bff-4ab9-ade4-6f65aa7dec0d-ford-focus-215153km" class="flex-shrink-0 w-36 sm:w-44">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden rounded-l">
                            <picture>
                    <source media="(min-width: 640px)" srcset="https://assets2.largus.fr/2026/04/a7730144-5bff-4ab9-ade4-6f65aa7dec0d/small-ford-focus-a7730144-5bff-4ab9-ade4-6f65aa7dec0d-0.webp">                    <img src="https://assets2.largus.fr/2026/04/a7730144-5bff-4ab9-ade4-6f65aa7dec0d/thumb-ford-focus-a7730144-5bff-4ab9-ade4-6f65aa7dec0d-0.webp" alt="Ford Focus 1.8 Turnier Titanium Navi PDC BT GRA SHZ" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                </picture>
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>

        <div class="flex-1 p-3 flex flex-col justify-between min-w-0">
        <div>
            <a href="/auto/annonce-a7730144-5bff-4ab9-ade4-6f65aa7dec0d-ford-focus-215153km" class="block">
                <h3 class="font-semibold text-sm text-primary truncate">Ford Focus 1.8 Turnier Titanium Navi PDC BT GRA SHZ</h3>
            </a>
            <div class="mt-1 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-gray-500">
                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2010</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 215 153 km</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Essence</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Manuelle</span>            </div>
        </div>
                    <p class="text-xs text-gray-400 mt-1 flex items-center gap-1"><span class="flex-shrink-0"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
</span><span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>

        <div class="flex-shrink-0 p-3 flex items-center">
                    <span class="text-lg font-bold text-accent whitespace-nowrap">985 &euro;</span>
            </div>
</article>
                                                    
<article class="bg-white border border-gray-200 rounded flex hover:shadow-sm transition-shadow">
        <a href="/auto/annonce-a5a053e6-bfb5-48af-a425-39ac64478efc-citroen-c4-85347km" class="flex-shrink-0 w-36 sm:w-44">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden rounded-l">
                            <picture>
                    <source media="(min-width: 640px)" srcset="https://assets2.largus.fr/2026/04/a5a053e6-bfb5-48af-a425-39ac64478efc/small-citroen-c4-a5a053e6-bfb5-48af-a425-39ac64478efc-0.webp">                    <img src="https://assets2.largus.fr/2026/04/a5a053e6-bfb5-48af-a425-39ac64478efc/thumb-citroen-c4-a5a053e6-bfb5-48af-a425-39ac64478efc-0.webp" alt="Citroën C4 Grand Spacetourer 1.5 BlueHDi 130 Shine 7S LM" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                </picture>
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>

        <div class="flex-1 p-3 flex flex-col justify-between min-w-0">
        <div>
            <a href="/auto/annonce-a5a053e6-bfb5-48af-a425-39ac64478efc-citroen-c4-85347km" class="block">
                <h3 class="font-semibold text-sm text-primary truncate">Citroën C4 Grand Spacetourer 1.5 BlueHDi 130 Shine 7S LM</h3>
            </a>
            <div class="mt-1 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-gray-500">
                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2019</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 85 347 km</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Diesel</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Manuelle</span>            </div>
        </div>
                    <p class="text-xs text-gray-400 mt-1 flex items-center gap-1"><span class="flex-shrink-0"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
</span><span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>

        <div class="flex-shrink-0 p-3 flex items-center">
                    <span class="text-lg font-bold text-accent whitespace-nowrap">11 985 &euro;</span>
            </div>
</article>
                                                    
<article class="bg-white border border-gray-200 rounded flex hover:shadow-sm transition-shadow">
        <a href="/auto/annonce-f6853453-a825-4f16-b003-3fe62c3beaea-volkswagen-golf-10km" class="flex-shrink-0 w-36 sm:w-44">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden rounded-l">
                            <picture>
                    <source media="(min-width: 640px)" srcset="https://assets2.largus.fr/2026/06/f6853453-a825-4f16-b003-3fe62c3beaea/small-volkswagen-golf-f6853453-a825-4f16-b003-3fe62c3beaea-0.webp">                    <img src="https://assets2.largus.fr/2026/06/f6853453-a825-4f16-b003-3fe62c3beaea/thumb-volkswagen-golf-f6853453-a825-4f16-b003-3fe62c3beaea-0.webp" alt="Volkswagen Golf Variant 2.0 TDI 150 DSG R-Line" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                </picture>
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    10
                </span>
                    </div>
    </a>

        <div class="flex-1 p-3 flex flex-col justify-between min-w-0">
        <div>
            <a href="/auto/annonce-f6853453-a825-4f16-b003-3fe62c3beaea-volkswagen-golf-10km" class="block">
                <h3 class="font-semibold text-sm text-primary truncate">Volkswagen Golf Variant 2.0 TDI 150 DSG R-Line</h3>
            </a>
            <div class="mt-1 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-gray-500">
                                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 10 km</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Diesel</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Automatique</span>            </div>
        </div>
                    <p class="text-xs text-gray-400 mt-1 flex items-center gap-1"><span class="flex-shrink-0"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
</span><span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>

        <div class="flex-shrink-0 p-3 flex items-center">
                    <span class="text-lg font-bold text-accent whitespace-nowrap">34 778 &euro;</span>
            </div>
</article>
                                                    
<article class="bg-white border border-gray-200 rounded flex hover:shadow-sm transition-shadow">
        <a href="/auto/annonce-670cbb56-88fb-4cfb-9d7f-e3916aee06e4-jaguar-f-pace-185025km" class="flex-shrink-0 w-36 sm:w-44">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden rounded-l">
                            <picture>
                    <source media="(min-width: 640px)" srcset="https://assets2.largus.fr/2026/04/670cbb56-88fb-4cfb-9d7f-e3916aee06e4/small-jaguar-f-pace-670cbb56-88fb-4cfb-9d7f-e3916aee06e4-0.webp">                    <img src="https://assets2.largus.fr/2026/04/670cbb56-88fb-4cfb-9d7f-e3916aee06e4/thumb-jaguar-f-pace-670cbb56-88fb-4cfb-9d7f-e3916aee06e4-0.webp" alt="Jaguar F-Pace Portfolion 20d AWD Navi InControl HUD" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                </picture>
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>

        <div class="flex-1 p-3 flex flex-col justify-between min-w-0">
        <div>
            <a href="/auto/annonce-670cbb56-88fb-4cfb-9d7f-e3916aee06e4-jaguar-f-pace-185025km" class="block">
                <h3 class="font-semibold text-sm text-primary truncate">Jaguar F-Pace Portfolion 20d AWD Navi InControl HUD</h3>
            </a>
            <div class="mt-1 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-gray-500">
                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2016</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 185 025 km</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Diesel</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Automatique</span>            </div>
        </div>
                    <p class="text-xs text-gray-400 mt-1 flex items-center gap-1"><span class="flex-shrink-0"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
</span><span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>

        <div class="flex-shrink-0 p-3 flex items-center">
                    <span class="text-lg font-bold text-accent whitespace-nowrap">9 685 &euro;</span>
            </div>
</article>
                                                    
<article class="bg-white border border-gray-200 rounded flex hover:shadow-sm transition-shadow">
        <a href="/auto/annonce-b2a3337b-18db-4903-9714-8ea772701946-seat-leon-150034km" class="flex-shrink-0 w-36 sm:w-44">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden rounded-l">
                            <picture>
                    <source media="(min-width: 640px)" srcset="https://assets2.largus.fr/2026/04/b2a3337b-18db-4903-9714-8ea772701946/small-seat-leon-b2a3337b-18db-4903-9714-8ea772701946-0.webp">                    <img src="https://assets2.largus.fr/2026/04/b2a3337b-18db-4903-9714-8ea772701946/thumb-seat-leon-b2a3337b-18db-4903-9714-8ea772701946-0.webp" alt="Seat Leon ST 1.4 TSI FR LED Navi 2xPDC SHZ LM 17&quot; Cli" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                </picture>
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    13
                </span>
                    </div>
    </a>

        <div class="flex-1 p-3 flex flex-col justify-between min-w-0">
        <div>
            <a href="/auto/annonce-b2a3337b-18db-4903-9714-8ea772701946-seat-leon-150034km" class="block">
                <h3 class="font-semibold text-sm text-primary truncate">Seat Leon ST 1.4 TSI FR LED Navi 2xPDC SHZ LM 17&quot; Cli</h3>
            </a>
            <div class="mt-1 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-gray-500">
                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2016</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 150 034 km</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Essence</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Manuelle</span>            </div>
        </div>
                    <p class="text-xs text-gray-400 mt-1 flex items-center gap-1"><span class="flex-shrink-0"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
</span><span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>

        <div class="flex-shrink-0 p-3 flex items-center">
                    <span class="text-lg font-bold text-accent whitespace-nowrap">8 185 &euro;</span>
            </div>
</article>
                                                    
<article class="bg-white border border-gray-200 rounded flex hover:shadow-sm transition-shadow">
        <a href="/auto/annonce-45141057-3f4d-4efe-9297-dd0ab2555ec4-renault-twingo-196302km" class="flex-shrink-0 w-36 sm:w-44">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden rounded-l">
                            <picture>
                    <source media="(min-width: 640px)" srcset="https://assets2.largus.fr/2026/04/45141057-3f4d-4efe-9297-dd0ab2555ec4/small-renault-twingo-45141057-3f4d-4efe-9297-dd0ab2555ec4-0.webp">                    <img src="https://assets2.largus.fr/2026/04/45141057-3f4d-4efe-9297-dd0ab2555ec4/thumb-renault-twingo-45141057-3f4d-4efe-9297-dd0ab2555ec4-0.webp" alt="Renault Twingo 0.9 TCe 110 GT R&amp;GO + Klima-Paket PDC" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                </picture>
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>

        <div class="flex-1 p-3 flex flex-col justify-between min-w-0">
        <div>
            <a href="/auto/annonce-45141057-3f4d-4efe-9297-dd0ab2555ec4-renault-twingo-196302km" class="block">
                <h3 class="font-semibold text-sm text-primary truncate">Renault Twingo 0.9 TCe 110 GT R&amp;GO + Klima-Paket PDC</h3>
            </a>
            <div class="mt-1 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-gray-500">
                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2018</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 196 302 km</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Essence</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Manuelle</span>            </div>
        </div>
                    <p class="text-xs text-gray-400 mt-1 flex items-center gap-1"><span class="flex-shrink-0"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
</span><span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>

        <div class="flex-shrink-0 p-3 flex items-center">
                    <span class="text-lg font-bold text-accent whitespace-nowrap">4 485 &euro;</span>
            </div>
</article>
                                                    
<article class="bg-white border border-gray-200 rounded flex hover:shadow-sm transition-shadow">
        <a href="/auto/annonce-2131d4a1-0817-4bb3-939c-a1040275c771-ford-edge-141415km" class="flex-shrink-0 w-36 sm:w-44">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden rounded-l">
                            <picture>
                    <source media="(min-width: 640px)" srcset="https://assets2.largus.fr/2026/04/2131d4a1-0817-4bb3-939c-a1040275c771/small-ford-edge-2131d4a1-0817-4bb3-939c-a1040275c771-0.webp">                    <img src="https://assets2.largus.fr/2026/04/2131d4a1-0817-4bb3-939c-a1040275c771/thumb-ford-edge-2131d4a1-0817-4bb3-939c-a1040275c771-0.webp" alt="Ford Edge 2.0 TDCi Bi-Turbo PowerShift Titanium Leder" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                </picture>
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>

        <div class="flex-1 p-3 flex flex-col justify-between min-w-0">
        <div>
            <a href="/auto/annonce-2131d4a1-0817-4bb3-939c-a1040275c771-ford-edge-141415km" class="block">
                <h3 class="font-semibold text-sm text-primary truncate">Ford Edge 2.0 TDCi Bi-Turbo PowerShift Titanium Leder</h3>
            </a>
            <div class="mt-1 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-gray-500">
                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2017</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 141 415 km</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Diesel</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Automatique</span>            </div>
        </div>
                    <p class="text-xs text-gray-400 mt-1 flex items-center gap-1"><span class="flex-shrink-0"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
</span><span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>

        <div class="flex-shrink-0 p-3 flex items-center">
                    <span class="text-lg font-bold text-accent whitespace-nowrap">14 185 &euro;</span>
            </div>
</article>
                                                    
<article class="bg-white border border-gray-200 rounded flex hover:shadow-sm transition-shadow">
        <a href="/auto/annonce-29f6ec52-0d74-4b55-a39e-09eb9920ba3e-opel-combo-2025-10km" class="flex-shrink-0 w-36 sm:w-44">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden rounded-l">
                            <picture>
                    <source media="(min-width: 640px)" srcset="https://assets2.largus.fr/2026/06/29f6ec52-0d74-4b55-a39e-09eb9920ba3e/small-opel-combo-29f6ec52-0d74-4b55-a39e-09eb9920ba3e-0.webp">                    <img src="https://assets2.largus.fr/2026/06/29f6ec52-0d74-4b55-a39e-09eb9920ba3e/thumb-opel-combo-29f6ec52-0d74-4b55-a39e-09eb9920ba3e-0.webp" alt="Opel Combo 1.5 D 100 Style" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                </picture>
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    10
                </span>
                    </div>
    </a>

        <div class="flex-1 p-3 flex flex-col justify-between min-w-0">
        <div>
            <a href="/auto/annonce-29f6ec52-0d74-4b55-a39e-09eb9920ba3e-opel-combo-2025-10km" class="block">
                <h3 class="font-semibold text-sm text-primary truncate">Opel Combo 1.5 D 100 Style</h3>
            </a>
            <div class="mt-1 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-gray-500">
                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2025</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 10 km</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Diesel</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Manuelle</span>            </div>
        </div>
                    <p class="text-xs text-gray-400 mt-1 flex items-center gap-1"><span class="flex-shrink-0"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
</span><span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>

        <div class="flex-shrink-0 p-3 flex items-center">
                    <span class="text-lg font-bold text-accent whitespace-nowrap">22 106 &euro;</span>
            </div>
</article>
                                                    
<article class="bg-white border border-gray-200 rounded flex hover:shadow-sm transition-shadow">
        <a href="/auto/annonce-f94faa5c-c4ae-4e22-bc1d-23255dabb688-ford-fiesta-163047km" class="flex-shrink-0 w-36 sm:w-44">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden rounded-l">
                            <picture>
                    <source media="(min-width: 640px)" srcset="https://assets2.largus.fr/2026/04/f94faa5c-c4ae-4e22-bc1d-23255dabb688/small-ford-fiesta-f94faa5c-c4ae-4e22-bc1d-23255dabb688-0.webp">                    <img src="https://assets2.largus.fr/2026/04/f94faa5c-c4ae-4e22-bc1d-23255dabb688/thumb-ford-fiesta-f94faa5c-c4ae-4e22-bc1d-23255dabb688-0.webp" alt="Ford Fiesta 1.25 Klima el.FH RadioCD" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                </picture>
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>

        <div class="flex-1 p-3 flex flex-col justify-between min-w-0">
        <div>
            <a href="/auto/annonce-f94faa5c-c4ae-4e22-bc1d-23255dabb688-ford-fiesta-163047km" class="block">
                <h3 class="font-semibold text-sm text-primary truncate">Ford Fiesta 1.25 Klima el.FH RadioCD</h3>
            </a>
            <div class="mt-1 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-gray-500">
                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2010</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 163 047 km</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Essence</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Manuelle</span>            </div>
        </div>
                    <p class="text-xs text-gray-400 mt-1 flex items-center gap-1"><span class="flex-shrink-0"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
</span><span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>

        <div class="flex-shrink-0 p-3 flex items-center">
                    <span class="text-lg font-bold text-accent whitespace-nowrap">1 785 &euro;</span>
            </div>
</article>
                                                    
<article class="bg-white border border-gray-200 rounded flex hover:shadow-sm transition-shadow">
        <a href="/auto/annonce-d5ffc797-a5f5-410f-9def-42057eb2b98a-opel-mokka-118609km" class="flex-shrink-0 w-36 sm:w-44">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden rounded-l">
                            <picture>
                    <source media="(min-width: 640px)" srcset="https://assets2.largus.fr/2026/04/d5ffc797-a5f5-410f-9def-42057eb2b98a/small-opel-mokka-d5ffc797-a5f5-410f-9def-42057eb2b98a-0.webp">                    <img src="https://assets2.largus.fr/2026/04/d5ffc797-a5f5-410f-9def-42057eb2b98a/thumb-opel-mokka-d5ffc797-a5f5-410f-9def-42057eb2b98a-0.webp" alt="Opel Mokka X 1.4 Turbo Innovation 4x4 Navi RFK SHZ LM" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                </picture>
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>

        <div class="flex-1 p-3 flex flex-col justify-between min-w-0">
        <div>
            <a href="/auto/annonce-d5ffc797-a5f5-410f-9def-42057eb2b98a-opel-mokka-118609km" class="block">
                <h3 class="font-semibold text-sm text-primary truncate">Opel Mokka X 1.4 Turbo Innovation 4x4 Navi RFK SHZ LM</h3>
            </a>
            <div class="mt-1 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-gray-500">
                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2017</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 118 609 km</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Essence</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Manuelle</span>            </div>
        </div>
                    <p class="text-xs text-gray-400 mt-1 flex items-center gap-1"><span class="flex-shrink-0"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
</span><span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>

        <div class="flex-shrink-0 p-3 flex items-center">
                    <span class="text-lg font-bold text-accent whitespace-nowrap">8 685 &euro;</span>
            </div>
</article>
                                                    
<article class="bg-white border border-gray-200 rounded flex hover:shadow-sm transition-shadow">
        <a href="/auto/annonce-50d61445-4903-4f78-b065-c43556ec5259-toyota-rav4-204138km" class="flex-shrink-0 w-36 sm:w-44">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden rounded-l">
                            <picture>
                    <source media="(min-width: 640px)" srcset="https://assets2.largus.fr/2026/04/50d61445-4903-4f78-b065-c43556ec5259/small-toyota-rav4-50d61445-4903-4f78-b065-c43556ec5259-0.webp">                    <img src="https://assets2.largus.fr/2026/04/50d61445-4903-4f78-b065-c43556ec5259/thumb-toyota-rav4-50d61445-4903-4f78-b065-c43556ec5259-0.webp" alt="Toyota RAV4 2.2 D-4D Aut. 4x4 Nav Leder LM SHZ MFL Keyl" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                </picture>
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>

        <div class="flex-1 p-3 flex flex-col justify-between min-w-0">
        <div>
            <a href="/auto/annonce-50d61445-4903-4f78-b065-c43556ec5259-toyota-rav4-204138km" class="block">
                <h3 class="font-semibold text-sm text-primary truncate">Toyota RAV4 2.2 D-4D Aut. 4x4 Nav Leder LM SHZ MFL Keyl</h3>
            </a>
            <div class="mt-1 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-gray-500">
                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2009</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 204 138 km</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Diesel</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Automatique</span>            </div>
        </div>
                    <p class="text-xs text-gray-400 mt-1 flex items-center gap-1"><span class="flex-shrink-0"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
</span><span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>

        <div class="flex-shrink-0 p-3 flex items-center">
                    <span class="text-lg font-bold text-accent whitespace-nowrap">5 485 &euro;</span>
            </div>
</article>
                                                    
<article class="bg-white border border-gray-200 rounded flex hover:shadow-sm transition-shadow">
        <a href="/auto/annonce-34f4009c-e107-4517-8ae7-a296f505a353-volkswagen-amarok-155638km" class="flex-shrink-0 w-36 sm:w-44">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden rounded-l">
                            <picture>
                    <source media="(min-width: 640px)" srcset="https://assets2.largus.fr/2026/04/34f4009c-e107-4517-8ae7-a296f505a353/small-volkswagen-amarok-34f4009c-e107-4517-8ae7-a296f505a353-0.webp">                    <img src="https://assets2.largus.fr/2026/04/34f4009c-e107-4517-8ae7-a296f505a353/thumb-volkswagen-amarok-34f4009c-e107-4517-8ae7-a296f505a353-0.webp" alt="Volkswagen Amarok 4Motion 3.0 TDI Highline" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                </picture>
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>

        <div class="flex-1 p-3 flex flex-col justify-between min-w-0">
        <div>
            <a href="/auto/annonce-34f4009c-e107-4517-8ae7-a296f505a353-volkswagen-amarok-155638km" class="block">
                <h3 class="font-semibold text-sm text-primary truncate">Volkswagen Amarok 4Motion 3.0 TDI Highline</h3>
            </a>
            <div class="mt-1 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-gray-500">
                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2019</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 155 638 km</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Diesel</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Automatique</span>            </div>
        </div>
                    <p class="text-xs text-gray-400 mt-1 flex items-center gap-1"><span class="flex-shrink-0"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
</span><span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>

        <div class="flex-shrink-0 p-3 flex items-center">
                    <span class="text-lg font-bold text-accent whitespace-nowrap">23 985 &euro;</span>
            </div>
</article>
                                                    
<article class="bg-white border border-gray-200 rounded flex hover:shadow-sm transition-shadow">
        <a href="/auto/annonce-ccb75b14-4442-4bb8-b8ee-5e0475790798-volkswagen-golf-100000km" class="flex-shrink-0 w-36 sm:w-44">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden rounded-l">
                            <picture>
                    <source media="(min-width: 640px)" srcset="https://assets2.largus.fr/2026/04/ccb75b14-4442-4bb8-b8ee-5e0475790798/small-volkswagen-golf-ccb75b14-4442-4bb8-b8ee-5e0475790798-0.webp">                    <img src="https://assets2.largus.fr/2026/04/ccb75b14-4442-4bb8-b8ee-5e0475790798/thumb-volkswagen-golf-ccb75b14-4442-4bb8-b8ee-5e0475790798-0.webp" alt="Volkswagen Golf VII Var 1.4 TSI DSG Comfortline Navi PDC LM" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                </picture>
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>

        <div class="flex-1 p-3 flex flex-col justify-between min-w-0">
        <div>
            <a href="/auto/annonce-ccb75b14-4442-4bb8-b8ee-5e0475790798-volkswagen-golf-100000km" class="block">
                <h3 class="font-semibold text-sm text-primary truncate">Volkswagen Golf VII Var 1.4 TSI DSG Comfortline Navi PDC LM</h3>
            </a>
            <div class="mt-1 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-gray-500">
                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2017</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 100 000 km</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Essence</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Automatique</span>            </div>
        </div>
                    <p class="text-xs text-gray-400 mt-1 flex items-center gap-1"><span class="flex-shrink-0"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
</span><span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>

        <div class="flex-shrink-0 p-3 flex items-center">
                    <span class="text-lg font-bold text-accent whitespace-nowrap">11 385 &euro;</span>
            </div>
</article>
                                                    
<article class="bg-white border border-gray-200 rounded flex hover:shadow-sm transition-shadow">
        <a href="/auto/annonce-be950f99-9d1b-4bde-944b-2a0cde9fd974-mg-mg-motor-mg3-2025-10km" class="flex-shrink-0 w-36 sm:w-44">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden rounded-l">
                            <picture>
                    <source media="(min-width: 640px)" srcset="https://assets2.largus.fr/2026/06/be950f99-9d1b-4bde-944b-2a0cde9fd974/small-mg-mg-motor-mg3-be950f99-9d1b-4bde-944b-2a0cde9fd974-0.webp">                    <img src="https://assets2.largus.fr/2026/06/be950f99-9d1b-4bde-944b-2a0cde9fd974/thumb-mg-mg-motor-mg3-be950f99-9d1b-4bde-944b-2a0cde9fd974-0.webp" alt="Mg3 3 Comfort 116 LED GPS Cam PDC régul 16p" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                </picture>
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    10
                </span>
                    </div>
    </a>

        <div class="flex-1 p-3 flex flex-col justify-between min-w-0">
        <div>
            <a href="/auto/annonce-be950f99-9d1b-4bde-944b-2a0cde9fd974-mg-mg-motor-mg3-2025-10km" class="block">
                <h3 class="font-semibold text-sm text-primary truncate">Mg3 3 Comfort 116 LED GPS Cam PDC régul 16p</h3>
            </a>
            <div class="mt-1 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-gray-500">
                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2025</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 10 km</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Essence</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Manuelle</span>            </div>
        </div>
                    <p class="text-xs text-gray-400 mt-1 flex items-center gap-1"><span class="flex-shrink-0"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
</span><span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>

        <div class="flex-shrink-0 p-3 flex items-center">
                    <span class="text-lg font-bold text-accent whitespace-nowrap">15 416 &euro;</span>
            </div>
</article>
                                                    
<article class="bg-white border border-gray-200 rounded flex hover:shadow-sm transition-shadow">
        <a href="/auto/annonce-35eb5690-f375-47df-a172-48bd80a95c80-opel-corsa-60005km" class="flex-shrink-0 w-36 sm:w-44">
        <div class="relative aspect-[4/3] bg-gray-100 overflow-hidden rounded-l">
                            <picture>
                    <source media="(min-width: 640px)" srcset="https://assets2.largus.fr/2026/04/35eb5690-f375-47df-a172-48bd80a95c80/small-opel-corsa-35eb5690-f375-47df-a172-48bd80a95c80-0.webp">                    <img src="https://assets2.largus.fr/2026/04/35eb5690-f375-47df-a172-48bd80a95c80/thumb-opel-corsa-35eb5690-f375-47df-a172-48bd80a95c80-0.webp" alt="Opel Corsa F 1.2 Turbo GS Line Nav Kamera PDC SHZ LM" loading="lazy" width="451" height="341" class="w-full h-full object-cover">
                </picture>
                                        <span class="absolute top-2 left-2 bg-black/60 text-white text-xs font-medium px-2 py-1 rounded flex items-center gap-1">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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>
                    15
                </span>
                    </div>
    </a>

        <div class="flex-1 p-3 flex flex-col justify-between min-w-0">
        <div>
            <a href="/auto/annonce-35eb5690-f375-47df-a172-48bd80a95c80-opel-corsa-60005km" class="block">
                <h3 class="font-semibold text-sm text-primary truncate">Opel Corsa F 1.2 Turbo GS Line Nav Kamera PDC SHZ LM</h3>
            </a>
            <div class="mt-1 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-gray-500">
                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18"/><path d="M8 2v4M16 2v4"/><path d="M7 13h2M11 13h2M15 13h2"/><path d="M7 17h2M11 17h2M15 17h2"/></svg>
 2019</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12l-4-4"/><path d="M12 7v1"/><path d="M17 12h-1"/><path d="M12 17v-1"/><path d="M7 12h1"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg>
 60 005 km</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="12" height="18" rx="1.5"/><rect x="5" y="5" width="8" height="5" rx="0.8"/><path d="M15 6h1.5a1.5 1.5 0 011.5 1.5v2A1.5 1.5 0 0116.5 11H15"/><path d="M18 11v5.5a1.5 1.5 0 003 0V9l-3-3"/><path d="M3 14h12"/><path d="M7 17h4"/></svg>
 Essence</span>                <span class="inline-flex items-center gap-1"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5" r="2"/><circle cx="12" cy="5" r="2"/><circle cx="18" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="12" cy="19" r="2"/><path d="M6 7v10M12 7v10M18 7v12"/><path d="M6 12h12"/></svg>
 Manuelle</span>            </div>
        </div>
                    <p class="text-xs text-gray-400 mt-1 flex items-center gap-1"><span class="flex-shrink-0"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
</span><span class="truncate">Strasbourg (Bas-Rhin)</span></p>
                            <p class="mt-0.5 text-xs text-gray-300">03/06/2026</p>
            </div>

        <div class="flex-shrink-0 p-3 flex items-center">
                    <span class="text-lg font-bold text-accent whitespace-nowrap">10 385 &euro;</span>
            </div>
</article>
                                            </div>

                                        

<nav aria-label="Pagination" class="flex justify-center mt-8">
    <ul class="flex items-center gap-1">
                
                        
        
                    <li>
                                    <span class="px-3 py-2 rounded text-sm font-semibold bg-primary text-white">1</span>
                            </li>
                    <li>
                                    <a href="/auto/?currentpage=2" class="px-3 py-2 rounded text-sm text-gray-600 hover:bg-gray-100 transition-colors">2</a>
                            </li>
                    <li>
                                    <a href="/auto/?currentpage=3" class="px-3 py-2 rounded text-sm text-gray-600 hover:bg-gray-100 transition-colors">3</a>
                            </li>
        
                                    <li><span class="px-2 text-gray-400">&hellip;</span></li>
                        <li><a href="/auto/?currentpage=416" class="px-3 py-2 rounded text-sm text-gray-600 hover:bg-gray-100 transition-colors">416</a></li>
        
                            <li>
                <a href="/auto/?currentpage=2" class="px-3 py-2 rounded text-sm text-gray-600 hover:bg-gray-100 transition-colors" aria-label="Page suivante">&raquo;</a>
            </li>
            </ul>
</nav>
                            </div>
        </div>
    </div>
    </main>

    <div class="shell-remote"><footer class="site-footer is_hp">
    <div class="footer-head">
    	<div aria-labelledby="block-menusiteslargus-menu" id="block-menusiteslargus">
  			<div class="container">
  				<ul data-region="footer_top" region="footer_top" label_display="invisible" class="menu">
  					<li>
  						<a href="https://pro.largus.fr/" target="_blank" class="analytics-servicesadditionnels footer-link-sites" action-value="exit_prolargus" data-service="Navigation Pro Largus">Pro.largus.fr</a>
  					</li>
  					<li>
  						<a href="https://www.largus.fr/guide-achat-occasion"class="analytics-servicesadditionnels footer-link-sites">Bilans occasion / fiabilité</a>
  					</li>
  					<li>
  						<a href="https://www.lolivier.fr/assurance-auto/?utm_source=largus&utm_medium=bouton&utm_campaign=aa_bouton_largus">Assurer mon véhicule</a>
  					</li>
  				</ul>
  			</div>
  		</div>
  	</div>
  	<div class="footer-body">
		<div class="container">
			<div class="footer-widgets">
				<div class="footer-widget ">
					<div class="widget-title">A propos</div>
					<ul data-region="footer" region="footer" label_display="visible" class="widget-feeds menu">
						<li>
							<a class="obfuscate link " href="https://www.largus.fr/faq/">Questions courantes</a>
						</li>
						<li>
							<a href="https://www.largus.fr/nous_sommes/la_redaction/" target="_self">La rédaction</a>
						</li>
						<li>
							<a href="https://www.largus.fr/kiosque/" target="_self">L'argus en kiosque numérique</a>
						</li>
						<li>
							<a href="https://pro.largus.fr/pro/index.cfm?event=produits.abonnement.OffreLiberte.dspCoordonnees&typeOffreId=1" target="_blank">S'abonner au journal L'argus</a>
						</li>
						<li>
							<a class="obfuscate link " href="https://www.largus.fr/publicite/">Publicité</a>
						</li>
						<li>
							<a class="obfuscate link " href="https://www.largus.fr/nous_contacter/">Contacts</a>
						</li>
					</ul>
					<a class="obfuscate link  widget-link" href="https://www.largus.fr/actualite-automobile/lettre/">Newsletter</a>
				</div>
				<div class="footer-widget ">
					<div class="widget-title">Infos légales</div>
					<ul data-region="footer" region="footer" label_display="visible" class="widget-feeds menu">
						<li>
							<a class="obfuscate link " href="https://www.largus.fr/actualite-automobile/charte-des-commentaires.html">Charte des commentaires</a>
						</li>
						<li>
							<a class="obfuscate link " href="https://www.largus.fr/protection-donnees-personnelles/">Politique de confidentialité et de protection des données personnelles</a>
						</li>
						<li>
							<a class="obfuscate link " href="https://www.largus.fr/cgv.pdf">Conditions Générales de Vente de la Cote Argus®</a>
						</li>
						<li>
							<a class="obfuscate link " href="https://www.largus.fr/nous_sommes/">Mentions Légales</a>
						</li>
					</ul>
					<a class="obfuscate link  widget-link" href="https://www.largus.fr/cgu/">Conditions Générales d'Utilisation</a>
				</div>
				<div class="footer-widget has-no-title">
					<ul data-region="footer" region="footer" label_display="invisible" class="widget-feeds menu">
						<li>
							<a href="https://www.largus.fr/argus-sur-les-reseaux-sociaux.html">L'argus sur les réseaux sociaux</a>
						</li>
						<li>
							<a href="https://www.facebook.com/Largus.auto" target="_blank">L'argus sur Facebook</a>
						</li>
						<li>
							<a href="https://www.youtube.com/@largus" target="_blank">L'argus sur YouTube</a>
						</li>
						<li>
							<a href="https://fr.linkedin.com/company/l'argus" target="_blank">L'argus sur Linkedin</a>
						</li>
						<li>
							<a href="https://www.instagram.com/largus_auto/">L'argus sur Instagram</a>
						</li>
						<li>
							<a href="https://www.tiktok.com/@l_argus">L'argus sur TikTok</a>
						</li>
						<li>
							<a href="https://www.dailymotion.com/largus" target="_blank">L'argus sur Dailymotion</a>
						</li>
						<li>
							<a href="https://x.com/Largus_auto" target="_blank">L'argus sur Twitter</a>
						</li>
						<li>
							<a href="https://fr.pinterest.com/largus_auto/" target="_blank">L'argus sur Pinterest</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</footer>
<script type="text/javascript">
   window._nAdzq=window._nAdzq||[];(function(){
   window._nAdzq.push(["setIds","a08916bdc7f5e2a1"]);
   var e="https://notifpush.com/scripts/";
   var t=document.createElement("script");
   t.type="text/javascript";
   t.defer=true;
   t.async=true;
   t.src=e+"nadz-sdk.js";
   var s=document.getElementsByTagName("script")[0];
   s.parentNode.insertBefore(t,s)})();
</script>

</div>

    <script src="/build/runtime.10560482.js" defer></script><script src="/build/front.a03d2c6a.js" defer></script>
    <script src="https://www.largus.fr/shell.js"></script>
        </body>
</html>
