Points forts
Garantie
Tressol Chabrier
Tressol Chabrier
Faible
kilométrage
kilométrage
Première
main
main
25 points de contrôle en
concession
concession
Infos clés
- Kilométrage :27 000Km
- Garantie étendue :12 mois
- Mise en service :25/05/2019
- Type de boite :Automatique
- Energie :Essence
- Emission de CO2 :127 g/km - Cat B
- Nombre de portes :5
- Couleur :Gris shark
- Critair :5
- Référence :25917-VO
Infos clés
- Régulateur limiteur de vitesse
- Régulateur limiteur de vitesse
- Assistance au freinage d'urgence (A.F.U.)
- Siège conducteur réglable en hauteur
- Airbag passager déconnectable
- Décor Extérieur Chrome
- Airbags frontaux
- Airbags frontaux
- Aide au démarrage en côte
- Feux de jour à LED
- Clé rétractable
- Alerte de survitesse avec reconnaissance des panneaux de signalisation
- Airbags latéraux AV
- Allumage automatique des feux
- Rétroviseurs extérieurs ton caisse
- Compteur TFT 4.2" et analogique
- Mode ECO
- Appuie-têtes AR
- Climatisation manuelle
- Pare-soleil avec miroir de courtoisie
- Harmonie beige
- Sellerie tissu Noir avec motifs surpiqués
- Volant TEP
- EASY LINK 7" : Système multimédia connécté avec écran 7"
- Aide au freinage actif d'urgence avec détection piétons (AEBS City + Inter Urbain + Piéton)
- Aide au freinage actif d'urgence avec détection piétons (AEBS City + Inter Urbain + Piéton)
- Feux de stop à LED
- Peinture Blanc Glacier
- Enjoliveurs 16" Flexwheel
<div class="product__resume p-5 md:px-7.5 md:pt-10">
<div class="pb-6 md:pb-9.5 border-b border-ui">
<h2 class="font-semibold tracking-tightened text-xl md:text-2xl">Points forts</h2>
<div class="flex mt-5.5 gap-5 md:gap-11">
<div>
<?= icon('guarantee', 'w-auto h-6 text-icon'); ?>
<div class="font-medium tracking-tightened text-xs md:text-sm mt-2.5">Garantie<br>Tressol Chabrier</div>
</div>
<div>
<?= icon('mileage', 'w-auto h-6 text-icon'); ?>
<div class="font-medium tracking-tightened text-xs md:text-sm mt-2.5">Faible<br>kilométrage</div>
</div>
<div>
<?= icon('options', 'w-auto h-6 text-icon'); ?>
<div class="font-medium tracking-tightened text-xs md:text-sm mt-2.5">Première<br>main</div>
</div>
<div>
<?= icon('drive-test', 'w-auto h-6 text-icon'); ?>
<div class="font-medium tracking-tightened text-xs md:text-sm mt-2.5">25 points de contrôle en<br>concession</div>
</div>
</div>
</div>
<div class="pt-7.5 md:px-7.5 flex flex-col md:flex-row gap-5 md:justify-between">
<div x-data="dropdownFilter(false, 10)">
<h2 class="font-semibold tracking-tightened text-xl md:text-2xl">Infos clés</h2>
<div class="overflow-hidden">
<ul x-ref="content" class="tracking-tightened font-medium text-sm text-text-light mt-7.5 flex flex-col transition-height duration-[350ms] ease-in-out">
<li class="flex gap-2.25 py-1.5"><?= icon('mileage', 'text-icon w-3.75 mr-1.25'); ?> <span>Kilométrage :</span><span class="font-semibold text-text">27 000Km</span></li>
<li class="flex gap-2.25 py-1.5"><?= icon('guarantee', 'text-icon w-3.75 mr-1.25'); ?> <span>Garantie étendue :</span><span class="font-semibold text-text">12 mois</span></li>
<li class="flex gap-2.25 py-1.5"><?= icon('valide', 'text-icon w-3.75 mr-1.25'); ?> <span>Mise en service :</span><span class="font-semibold text-text">25/05/2019</span></li>
<li class="flex gap-2.25 py-1.5"><?= icon('transmission', 'text-icon w-3.75 mr-1.25'); ?> <span>Type de boite :</span><span class="font-semibold text-text">Automatique</span></li>
<li class="flex gap-2.25 py-1.5"><?= icon('energy', 'text-icon w-3.75 mr-1.25'); ?> <span>Energie :</span><span class="font-semibold text-text">Essence</span></li>
<li class="flex gap-2.25 py-1.5"><?= icon('emission-b-colored', 'text-icon w-3.75 mr-1.25'); ?> <span>Emission de CO2 :</span><span class="font-semibold text-text">127 g/km - Cat B</span></li>
<li class="flex gap-2.25 py-1.5"><?= icon('mileage', 'text-icon w-3.75 mr-1.25'); ?> <span>Nombre de portes :</span><span class="font-semibold text-text">5</span></li>
<li class="flex gap-2.25 py-1.5"><?= icon('mileage', 'text-icon w-3.75 mr-1.25'); ?> <span>Couleur :</span><span class="font-semibold text-text">Gris shark</span></li>
<li class="flex gap-2.25 py-1.5"><?= icon('mileage', 'text-icon w-3.75 mr-1.25'); ?> <span>Critair :</span><span class="font-semibold text-text">5</span></li>
<li class="flex gap-2.25 py-1.5"><?= icon('pinpoint', 'text-icon w-3.75 mr-1.25'); ?> <span>Référence :</span><span class="font-semibold text-text">25917-VO</span></li>
</ul>
</div>
<button @click="toggle()" x-ref="button" class="btn btn-secondary-grey-light px-5 py-1.75 mt-5">
<span :class="{'hidden' : !open}">Voir moins</span>
<span :class="{'hidden' : open}" class="hidden">Toutes les options</span>
</button>
</div>
<div class="product-option-more" x-data="productMoreOptionsModal('infos-cles')">
<h2 class="font-semibold tracking-tightened text-xl md:text-2xl">Infos clés</h2>
<div class="overflow-hidden product-option-more__list" x-ref="content">
<ul class=" tracking-tightened font-medium text-sm text-text-light mt-7.5 flex flex-col transition-height duration-[350ms] ease-in-out">
<li class="flex gap-2.25 py-1.5">
<svg class="icon text-icon w-3.75 mr-1.25 self-start shrink-0" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="font-semibold text-text max-w-[307px]">Régulateur limiteur de vitesse</span>
</li>
<li class="flex gap-2.25 py-1.5">
<svg class="icon text-icon w-3.75 mr-1.25 self-start shrink-0" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="font-semibold text-text max-w-[307px]">Régulateur limiteur de vitesse</span>
</li>
<li class="flex gap-2.25 py-1.5">
<svg class="icon text-icon w-3.75 mr-1.25 self-start shrink-0" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="font-semibold text-text max-w-[307px]">Assistance au freinage d'urgence (A.F.U.)</span>
</li>
<li class="flex gap-2.25 py-1.5">
<svg class="icon text-icon w-3.75 mr-1.25 self-start shrink-0" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="font-semibold text-text max-w-[307px]">Siège conducteur réglable en hauteur</span>
</li>
<li class="flex gap-2.25 py-1.5">
<svg class="icon text-icon w-3.75 mr-1.25 self-start shrink-0" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="font-semibold text-text max-w-[307px]">Airbag passager déconnectable</span>
</li>
<li class="flex gap-2.25 py-1.5">
<svg class="icon text-icon w-3.75 mr-1.25 self-start shrink-0" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="font-semibold text-text max-w-[307px]">Décor Extérieur Chrome</span>
</li>
<li class="flex gap-2.25 py-1.5">
<svg class="icon text-icon w-3.75 mr-1.25 self-start shrink-0" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="font-semibold text-text max-w-[307px]">Airbags frontaux</span>
</li>
<li class="flex gap-2.25 py-1.5">
<svg class="icon text-icon w-3.75 mr-1.25 self-start shrink-0" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="font-semibold text-text max-w-[307px]">Airbags frontaux</span>
</li>
<li class="flex gap-2.25 py-1.5">
<svg class="icon text-icon w-3.75 mr-1.25 self-start shrink-0" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="font-semibold text-text max-w-[307px]">Aide au démarrage en côte</span>
</li>
<li class="flex gap-2.25 py-1.5">
<svg class="icon text-icon w-3.75 mr-1.25 self-start shrink-0" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="font-semibold text-text max-w-[307px]">Feux de jour à LED</span>
</li>
<li class="flex gap-2.25 py-1.5">
<svg class="icon text-icon w-3.75 mr-1.25 self-start shrink-0" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="font-semibold text-text max-w-[307px]">Clé rétractable</span>
</li>
<li class="flex gap-2.25 py-1.5">
<svg class="icon text-icon w-3.75 mr-1.25 self-start shrink-0" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="font-semibold text-text max-w-[307px]">Alerte de survitesse avec reconnaissance des panneaux de signalisation</span>
</li>
<li class="flex gap-2.25 py-1.5">
<svg class="icon text-icon w-3.75 mr-1.25 self-start shrink-0" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="font-semibold text-text max-w-[307px]">Airbags latéraux AV</span>
</li>
<li class="flex gap-2.25 py-1.5">
<svg class="icon text-icon w-3.75 mr-1.25 self-start shrink-0" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="font-semibold text-text max-w-[307px]">Allumage automatique des feux</span>
</li>
<li class="flex gap-2.25 py-1.5">
<svg class="icon text-icon w-3.75 mr-1.25 self-start shrink-0" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="font-semibold text-text max-w-[307px]">Rétroviseurs extérieurs ton caisse</span>
</li>
<li class="flex gap-2.25 py-1.5">
<svg class="icon text-icon w-3.75 mr-1.25 self-start shrink-0" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="font-semibold text-text max-w-[307px]">Compteur TFT 4.2" et analogique</span>
</li>
<li class="flex gap-2.25 py-1.5">
<svg class="icon text-icon w-3.75 mr-1.25 self-start shrink-0" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="font-semibold text-text max-w-[307px]">Mode ECO</span>
</li>
<li class="flex gap-2.25 py-1.5">
<svg class="icon text-icon w-3.75 mr-1.25 self-start shrink-0" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="font-semibold text-text max-w-[307px]">Appuie-têtes AR</span>
</li>
<li class="flex gap-2.25 py-1.5">
<svg class="icon text-icon w-3.75 mr-1.25 self-start shrink-0" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="font-semibold text-text max-w-[307px]">Climatisation manuelle</span>
</li>
<li class="flex gap-2.25 py-1.5">
<svg class="icon text-icon w-3.75 mr-1.25 self-start shrink-0" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="font-semibold text-text max-w-[307px]">Pare-soleil avec miroir de courtoisie</span>
</li>
<li class="flex gap-2.25 py-1.5">
<svg class="icon text-icon w-3.75 mr-1.25 self-start shrink-0" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="font-semibold text-text max-w-[307px]">Harmonie beige</span>
</li>
<li class="flex gap-2.25 py-1.5">
<svg class="icon text-icon w-3.75 mr-1.25 self-start shrink-0" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="font-semibold text-text max-w-[307px]">Sellerie tissu Noir avec motifs surpiqués</span>
</li>
<li class="flex gap-2.25 py-1.5">
<svg class="icon text-icon w-3.75 mr-1.25 self-start shrink-0" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="font-semibold text-text max-w-[307px]">Volant TEP</span>
</li>
<li class="flex gap-2.25 py-1.5">
<svg class="icon text-icon w-3.75 mr-1.25 self-start shrink-0" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="font-semibold text-text max-w-[307px]">EASY LINK 7" : Système multimédia connécté avec écran 7"</span>
</li>
<li class="flex gap-2.25 py-1.5">
<svg class="icon text-icon w-3.75 mr-1.25 self-start shrink-0" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="font-semibold text-text max-w-[307px]">Aide au freinage actif d'urgence avec détection piétons (AEBS City + Inter Urbain + Piéton)</span>
</li>
<li class="flex gap-2.25 py-1.5">
<svg class="icon text-icon w-3.75 mr-1.25 self-start shrink-0" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="font-semibold text-text max-w-[307px]">Aide au freinage actif d'urgence avec détection piétons (AEBS City + Inter Urbain + Piéton)</span>
</li>
<li class="flex gap-2.25 py-1.5">
<svg class="icon text-icon w-3.75 mr-1.25 self-start shrink-0" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="font-semibold text-text max-w-[307px]">Feux de stop à LED</span>
</li>
<li class="flex gap-2.25 py-1.5">
<svg class="icon text-icon w-3.75 mr-1.25 self-start shrink-0" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="font-semibold text-text max-w-[307px]">Peinture Blanc Glacier</span>
</li>
<li class="flex gap-2.25 py-1.5">
<svg class="icon text-icon w-3.75 mr-1.25 self-start shrink-0" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="font-semibold text-text max-w-[307px]">Enjoliveurs 16" Flexwheel</span>
</li>
</ul>
</div>
<button x-ref="button" @click="open()" class="btn btn-secondary-grey-light px-5 py-1.75 mt-5">
<span>Toutes les options</span>
</button>
<div class="simple-modal fixed inset-0 z-[100]"
x-data="initOpenSimpleModal()"
x-show="isOpen"
data-name="infos-cles"
@keydown.escape.window="close()"
>
<div>
<div class="simple-modal__overlay bg-background opacity-20 absolute inset-0 cursor-pointer" @click="close()"></div>
<div class="simple-modal__wrapper bg-white border border-ui-light rounded-button absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[80vw] md:w-auto md:max-w-[70vw] max-h-[90vh] flex flex-col transition"
:class="{
'translate-y-[500%]': !isContentShow,
'-translate-y-1/2': isContentShow
}"
>
<div class="simple-modal__header flex justify-between items-center border-b border-ui">
<div class="px-5 md:px-7 py-2.5 font-semibold">Infos clés</div>
<button @click="close()" class="link text-primary-accent hover:text-secondary p-7 md:py-8.5"><?= icon('close', 'w-3.25'); ?></button>
</div>
<div class="simple-modal__content p-5 md:px-7 overflow-hidden flex">
<div class="overflow-auto little-scrollbar pr-5 md:pr-7.5 product-option-more__modal">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="md:max-w-[215px]">
<div class="text-text-light tracking-tightened text-base bg-primary-lighter rounded-button p-5 text-right">
<p>Retrouvez tout l’<a href="#" class="link text-primary-accent underline hover:text-secondary">historique d’entretien</a> du véhicule en l’ajoutant dans votre garage en ligne 100% gratuit :</p>
<div class="flex justify-end mt-5">
<?= icon('favorite', 'text-icon'); ?>
</div>
</div>
</div>
</div>
</div>