/* =====================================================================
   Vitrines des garages (/garage/ID) - refonte du 20/10/2026
   Barre du haut allegee (vitrine/_barre.php) + carte garage (vitrine/_carte-garage.php).
   Charte : E:\testweb\autocadre\referencement\UX\Charte-UI-Autocadre.md
   Bornes du site : telephone <= 730 px, tablette 731-980, ordinateur >= 981.
   Fichier lu en ISO-8859-1 : rester en ASCII.
   ===================================================================== */

/* ---------- barre du haut ---------- */
.site-header.vg-site { position: relative; box-shadow: none; border-bottom: 1px solid #e2e2e2; }
.vg-barre { max-width: 1000px; margin: 0 auto; height: 46px; display: flex; align-items: center; gap: 14px; padding: 0 12px; box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #5b6472; }
.vg-barre-logo { display: block; width: 127px; height: 24px; overflow: hidden; flex: none; line-height: 0; }
.vg-barre-logo i { display: block; width: 254px; height: 47px; background: url(/templateimages/header.png) no-repeat 0 0; transform: scale(.5); transform-origin: left top; }
.vg-barre-txt { border-left: 1px solid #d5dae1; padding-left: 14px; white-space: nowrap; }
.vg-barre-txt .vg-court { display: none; }
.vg-barre-cherche { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; color: #1f63bd !important; font-weight: bold; text-decoration: none; white-space: nowrap; }
.vg-barre-cherche svg { width: 16px; height: 16px; }
.vg-barre-cherche:hover span { text-decoration: underline; }
.vg-barre-vendre { background: #ffc702; color: #1f2a37 !important; font-weight: bold; border-radius: 6px; padding: 7px 11px; font-size: 13px; white-space: nowrap; text-decoration: none; transition: background .15s; }
.vg-barre-vendre:hover { background: #f5b800; }
@media (max-width: 730px) {
	.vg-barre { height: 44px; gap: 8px; padding: 0 10px; }
	.vg-barre-logo { width: 102px; height: 19px; }
	.vg-barre-logo i { transform: scale(.4); }
	.vg-barre-txt { padding-left: 8px; font-size: 12px; }
	.vg-barre-txt .vg-long { display: none; }
	.vg-barre-txt .vg-court { display: inline; }
	.vg-barre-cherche span { display: none; }
	.vg-barre-cherche svg { width: 21px; height: 21px; }
	.vg-barre-vendre { padding: 6px 8px; font-size: 12px; }
}
@media (max-width: 359px) { .vg-barre-txt { display: none; } }

/* ---------- l'ancienne mise en page des vitrines laisse la place a la carte ---------- */
#page.vg-page #general { top: 0 !important; margin-top: 0 !important; }
#page.vg-page #droite { padding-top: 0 !important; }
#page.vg-page #contact-tablette,
#page.vg-page #vendor-phone,
#page.vg-page #mobileLandscapeBloc { display: none !important; }

/* ---------- carte garage ---------- */
.vg { font-family: Arial, Helvetica, sans-serif; color: #222; margin: 16px 0 14px; text-align: left; clear: both; }
.vg *, .vg *::before, .vg *::after { box-sizing: border-box; }
.vg svg { flex: none; }
/* les anciens styles du site (h1 flottant, largeurs fixes) ne s'appliquent pas a la carte */
.vg h1, .vg h2, .vg p, .vg section, .vg div { float: none !important; }
.vg h1, .vg h2 { width: auto !important; height: auto !important; background: none !important; padding: 0 !important; text-transform: none !important; letter-spacing: normal; }
.vg-carte { background: #fff; border: 1px solid #e2e2e2; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,.06); overflow: hidden; }

.vg-ban { position: relative; height: 250px; overflow: hidden; background: #e3e7ed; }
.vg-flou { position: absolute; inset: -30px; background-size: cover; background-position: center; filter: blur(18px) brightness(.92); }
.vg-net { position: relative; display: block; margin: 0 auto; width: 680px; max-width: 100%; height: 100%; object-fit: cover; object-position: center; }
.vg-net.vg-large { width: 100%; } /* photo de 1600 px deposee par scripts/gestion/vitrine-habillage.php : toute la largeur, centree sur le point choisi */
.vg-mosaique { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; height: 100%; }
.vg-mosaique span { background-size: cover; background-position: center; }
.vg-voile { position: absolute; inset: 0; background: linear-gradient(rgba(15,23,42,0) 45%, rgba(15,23,42,.45)); }
.vg-mini-panneau { position: absolute; right: 14px; top: 12px; width: 170px; filter: drop-shadow(0 2px 6px rgba(0,0,0,.35)); }
.vg-ban-txt { position: absolute; right: 16px; bottom: 12px; color: #fff; font-size: 13px; font-weight: bold; background: rgba(15,23,42,.6); padding: 6px 11px; border-radius: 14px; }
.vg-dessin { display: block; width: 100%; height: 100%; }
.vg-dessin.vg-tel { display: none; }

.vg-haut { position: relative; padding: 0 24px; margin-top: -52px; display: flex; }
.vg-logo { min-width: 112px; max-width: 224px; height: 112px; padding: 8px; border-radius: 12px; background: #fff; border: 4px solid #fff; box-shadow: 0 2px 10px rgba(0,0,0,.15); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.vg-logo img { display: block; max-width: 100%; max-height: 100%; object-fit: contain; }
.vg-initiales { width: 112px; background: #2977dc; color: #fff; font-size: 38px; font-weight: bold; letter-spacing: 1px; }

.vg-corps { padding: 14px 24px 20px; }
.vg-h1 { margin: 0; font-size: 24px; line-height: 1.25; color: #1f2a37; font-weight: bold; text-wrap: balance; }
.vg-nom { display: block; }
.vg-virg { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.vg-sous { display: block; margin-top: 4px; font-size: 15px; font-weight: normal; color: #5b6472; }
.vg-sous::first-letter { text-transform: uppercase; }
.vg-demander { display: flex; align-items: center; gap: 6px; margin: 8px 0 0; font-size: 14px; color: #5b6472; }
.vg-demander svg, .vg-adresse svg, .vg-pastille svg, .vg-btn svg { width: 16px; height: 16px; }
.vg-ligne { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-top: 10px; font-size: 14px; }
.vg-avis { display: inline-flex; align-items: center; gap: 6px; color: #1f2a37 !important; text-decoration: none; }
.vg-avis .gr-s { font-size: 17px; color: #f5a623; }
.vg-avis .gr-se { color: #cfd5dd; }
.vg-avis-nb { color: #2977dc; text-decoration: underline; }
.vg-avis:hover .vg-avis-nb { text-decoration: none; }
.vg-pastille { display: inline-flex; align-items: center; gap: 6px; background: #eef4fd; color: #1f63bd !important; border-radius: 14px; padding: 5px 10px; font-size: 13px; font-weight: bold; text-decoration: none; }
a.vg-pastille:hover { background: #e1ecfb; }
.vg-pastille-lien span { font-size: 16px; line-height: 1; }
.vg-pastille-grise { background: #f1f3f6; color: #5b6472 !important; }
.vg-adresse { display: flex; align-items: center; gap: 6px; margin: 10px 0 0; font-size: 14px; color: #444; }

.vg-btns { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.vg-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 16px; border-radius: 6px; font-size: 15px; font-weight: bold; text-decoration: none !important; white-space: nowrap; border: 1.5px solid transparent; cursor: pointer; transition: background .15s, transform .15s, box-shadow .15s; }
.vg-btn:hover { transform: translateY(-1px); box-shadow: 0 2px 6px rgba(0,0,0,.12); }
.vg-btn:focus-visible, .vg a:focus-visible, .vg-suite:focus-visible, .vg-barre a:focus-visible { outline: 2px solid #1f63bd; outline-offset: 2px; }
.vg-btn-bleu { background: #1f63bd; color: #fff !important; }
.vg-btn-bleu:hover { background: #1a55a3; }
.vg-btn-orange { background: #c04a0a; color: #fff !important; }
.vg-btn-orange:hover { background: #b14709; }
.vg-btn-contour { background: #fff; color: #1f63bd !important; border-color: #2977dc; }
.vg-btn-contour:hover { background: #f5f8fd; }
.vg-btn-jaune { background: #ffc702; color: #1f2a37 !important; }
.vg-btn-jaune:hover { background: #f5b800; }
.vg-btn .vg-tel { display: none; }

/* ---------- a propos + encart ---------- */
.vg-bloc { background: #fff; border: 1px solid #e2e2e2; border-radius: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.05); padding: 18px 24px; margin-top: 14px; }
.vg-bloc-titre { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: 18px; color: #1f2a37; }
.vg-bloc-titre svg { width: 20px; height: 20px; color: #2977dc; }
.vg-pres { font-size: 14.5px; line-height: 1.6; color: #333; max-height: 7.8em; overflow: hidden; position: relative; overflow-wrap: anywhere; }
.vg-pres.vg-ouvert { max-height: none; }
.vg-pres * { font-size: inherit !important; line-height: inherit !important; font-family: inherit !important; max-width: 100%; }
.vg-pres p { margin: 0 0 6px; }
.vg-pres h3, .vg-pres h4 { margin: 0 0 6px; font-weight: bold; color: #1f2a37; }
.vg-pres img { height: auto; }
.vg-suite { margin-top: 8px; padding: 6px 0; border: 0; background: none; color: #2977dc; font-size: 14px; font-weight: bold; cursor: pointer; }
.vg-suite:hover { text-decoration: underline; }
.vg-appel { display: flex; align-items: center; gap: 18px; border-top: 4px solid #ffc702; }
.vg-appel-ico { width: 52px; height: 52px; border-radius: 50%; background: #fff8e1; color: #b88a00; display: flex; align-items: center; justify-content: center; flex: none; }
.vg-appel-ico svg { width: 26px; height: 26px; }
.vg-appel h2 { margin: 0 0 4px; font-size: 18px; color: #1f2a37; }
.vg-appel p { margin: 0; font-size: 14px; color: #444; line-height: 1.5; }
.vg-appel .vg-btn { margin-left: auto; flex: none; }

/* ---------- tablette ---------- */
@media (max-width: 980px) {
	.vg { margin-left: 12px; margin-right: 12px; }
	.vg-ban { height: 210px; }
}

/* ---------- telephone ---------- */
@media (max-width: 730px) {
	.vg { margin: 12px 12px 12px; }
	.vg-ban { height: 150px; }
	.vg-dessin.vg-ordi { display: none; }
	.vg-dessin.vg-tel { display: block; }
	.vg-mosaique { grid-template-columns: repeat(2, 1fr); }
	.vg-mosaique span:nth-child(n+3) { display: none; }
	.vg-mini-panneau { width: 104px; right: 8px; top: auto; bottom: 6px; }
	.vg-ban-txt { font-size: 11.5px; left: 8px; right: auto; top: 8px; bottom: auto; padding: 4px 8px; }
	.vg-haut { padding: 0 14px; margin-top: -38px; }
	.vg-logo { min-width: 76px; max-width: 152px; height: 76px; padding: 5px; border-width: 3px; border-radius: 10px; }
	.vg-initiales { width: 76px; font-size: 26px; }
	.vg-corps { padding: 12px 14px 16px; }
	.vg-h1 { font-size: 19px; }
	.vg-sous { font-size: 14px; }
	.vg-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
	.vg-btn { font-size: 14px; padding: 0 8px; }
	.vg-btn .vg-ordi { display: none; }
	.vg-btn .vg-tel { display: inline; }
	.vg-bloc { padding: 14px; }
	.vg-appel { flex-direction: column; align-items: flex-start; }
	.vg-appel .vg-btn { margin-left: 0; width: 100%; white-space: normal; text-align: center; }
}
/* ---------- bande du garage en haut d'une fiche ouverte depuis sa vitrine (vitrine/_bande-fiche.php) ---------- */
.vg-bf-zone { max-width: 1000px; margin: 14px auto 4px; padding: 0 12px; box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; }
@media (min-width: 1041px) { .vg-bf-zone { padding: 0; } }
.vg-bf { position: relative; overflow: hidden; display: flex; align-items: center; gap: 14px; min-height: 84px; padding: 14px 16px; border-radius: 10px; background: #1f2a37 center / cover no-repeat; color: #fff; box-sizing: border-box; }
.vg-bf::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(15,23,42,.84) 0%, rgba(15,23,42,.6) 55%, rgba(15,23,42,.3) 100%); }
.vg-bf > * { position: relative; }
.vg-bf-logo { display: flex; align-items: center; justify-content: center; min-width: 56px; max-width: 112px; height: 56px; padding: 4px; border-radius: 8px; background: #fff; overflow: hidden; flex: none; box-sizing: border-box; }
.vg-bf-logo img { display: block; max-width: 100%; max-height: 100%; object-fit: contain; }
.vg-bf-ini { width: 56px; background: #2977dc; color: #fff; font-size: 20px; font-weight: bold; }
.vg-bf-txt { min-width: 0; }
.vg-bf-nom { display: block; color: #fff !important; font-size: 17px; font-weight: bold; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vg-bf-nom:hover { text-decoration: underline; }
.vg-bf-sous { margin-top: 3px; font-size: 13px; color: #e6ebf2; }
.vg-bf-etoiles .gr-s { color: #f5a623; font-size: 14px; }
.vg-bf-etoiles .gr-se { color: #8e99a8; }
.vg-bf-btn { box-sizing: border-box; margin-left: auto; display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; border-radius: 6px; background: #fff; color: #1f63bd !important; font-size: 14px; font-weight: bold; text-decoration: none !important; white-space: nowrap; flex: none; }
.vg-bf-btn:hover { background: #f5f8fd; }
.vg-bf-btn svg { width: 16px; height: 16px; }
.vg-bf-btn-court { display: none; }
@media (max-width: 730px) {
	.vg-bf { flex-wrap: wrap; gap: 10px 12px; padding: 12px; }
	.vg-bf-logo { min-width: 48px; height: 48px; }
	.vg-bf-ini { width: 48px; font-size: 18px; }
	.vg-bf-txt { flex: 1 1 0; }
	.vg-bf-btn { margin-left: 0; width: 100%; justify-content: center; min-height: 38px; }
	.vg-bf-btn-long { display: none; }
	.vg-bf-btn-court { display: inline; }
}
/* ---------- barre du bas (telephone) : apparait en descendant, remplace l'ancienne barre et les boutons "Affiner" ---------- */
.vg-bas { display: none; }
@media (max-width: 768px) {
	body:has(#vg) .contact-buttons, body:has(#vg) .contact-strip-avis,
	body:has(#vg) #stickyFilterBtn, body:has(#vg) #openMobileFilter { display: none !important; }
	body:has(#vg) .bottom-spacer, body:has(#vg) .bottom-spacer-filter { height: 0 !important; }
	body:has(#vg) { padding-bottom: 72px; }
	.vg-bas { display: flex; gap: 8px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9990; background: #fff; border-top: 1px solid #e2e2e2; box-shadow: 0 -2px 8px rgba(0,0,0,.08); padding: 8px 12px max(8px, env(safe-area-inset-bottom)); transform: translateY(110%); transition: transform .2s ease; }
	.vg-bas.vg-on { transform: none; }
	.vg-bas-btn { flex: 1 1 0; display: flex; align-items: center; justify-content: center; gap: 8px; height: 48px; border-radius: 8px; font: bold 16px Arial, Helvetica, sans-serif; text-decoration: none !important; border: 1.5px solid transparent; cursor: pointer; padding: 0 8px; white-space: nowrap; }
	.vg-bas-btn svg { width: 18px; height: 18px; }
	.vg-bas-appeler { background: #1f63bd; color: #fff !important; }
	.vg-bas-message { background: #fff; color: #1f63bd !important; border-color: #2977dc; }
	.vg-bas-filtrer { flex: 0 0 auto; background: #f1f3f6; color: #1f2a37; border-color: #c9ced6; }
}
@media (max-width: 768px) and (prefers-reduced-motion: reduce) { .vg-bas { transition: none; } }
/* 20/10/2026 (test tablette) : barre du bas de la vitrine sur telephone seulement ; de 731 a 768 px les filtres sont deja dans la colonne de droite (le panneau telephone, cache, bloquait la page) */
@media (min-width: 731px) { .vg-bas { display: none !important; } body:has(#vg) { padding-bottom: 0; } }
/* ---------- barre Appeler / Message du bas (vitrines actives, <= 768 px) : meme style que la fiche (fiche-2col.css) ---------- */
@media (max-width:768px){
 .contact-buttons{gap:10px;padding:8px 12px max(8px,env(safe-area-inset-bottom))!important;box-sizing:border-box;box-shadow:0 -2px 8px rgba(0,0,0,.08)!important}
 .contact-buttons a{display:flex!important;align-items:center;justify-content:center;gap:8px;margin:0!important;padding:0!important;height:48px;border-radius:8px!important;font:bold 16px Arial,Helvetica,sans-serif!important;box-sizing:border-box}
 .contact-buttons a:before{content:"";width:18px;height:18px;flex:none;background:currentColor;-webkit-mask:var(--f2-ic) center/contain no-repeat;mask:var(--f2-ic) center/contain no-repeat}
 .contact-buttons .btn-call{background:#2977dc!important;color:#fff!important;--f2-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E")}
 .contact-buttons .btn-call:hover{background:#1f63bd!important}
 .contact-buttons .btn-message{background:#fff!important;color:#1f63bd!important;border:1.5px solid #2977dc!important;--f2-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E")}
 .contact-buttons .btn-message:hover{background:#f5f8fd!important}
}
@media (max-width:768px){.contact-buttons .btn-call{background:#1f63bd!important}.contact-buttons .btn-call:hover{background:#1a55a3!important}}
@media (prefers-reduced-motion: reduce) { .vg-btn, .vg-barre-vendre { transition: none; } .vg-btn:hover { transform: none; } }

/* 20/10/2026 : vitrine sans vehicule, bloc "Voitures d'occasion pres de [ville]" (results/results.php, #vg-autour) a la
   place des 4 lignes de texte ; bande jaune vide, "12 par page", tris (inactifs : liste toujours triee par distance) et
   pagination "1" masques (tris remis, voir plus bas). Charte : titre fonce, trait jaune, carte blanche. */
body:has(#vg-autour) #infoResultSearch{position:static!important;top:auto!important;margin:0 0 12px;padding:0}
.vg-autour{background:#fff;border:1px solid #e2e2e2;border-left:5px solid #ffc702;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05);padding:14px 16px;margin:4px 0 0;font-family:Arial,Helvetica,sans-serif;text-align:left}
.vg-autour h2.vg-autour-t{margin:0;padding:0;font-size:21px;font-weight:bold;line-height:1.25;color:#1f2a37;background:none;border:0;float:none;width:auto;height:auto;text-transform:none}
.vg-autour p.vg-autour-s{margin:6px 0 12px;padding:0;font-size:14px;line-height:1.5;color:#555;float:none;width:auto}
.vg-autour button.vg-autour-f{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 16px;margin:0;border:1.5px solid #2977dc;border-radius:6px;background:#fff;color:#1f63bd;font:bold 14px Arial,Helvetica,sans-serif;cursor:pointer;float:none;width:auto;transition:background .15s}
.vg-autour button.vg-autour-f:hover{background:#f0f6ff}
.vg-autour button.vg-autour-f:focus-visible{outline:2px solid #1f63bd;outline-offset:2px}
.vg-autour button.vg-autour-f svg{width:17px;height:17px}
/* tris gardes (20/10/2026, gerant) : sur une vitrine vide ils ouvrent la recherche autour de la ville du garage (50 km)
   avec le tri choisi ; bande jaune vide et pagination "1" masquees ; "Filtrer" seulement sans colonne de droite (<= 980 px) */
body:has(#vg-autour) #titre-resultats, body:has(#vg-autour) #content-resultats .pag-nav{display:none!important}
@media (min-width:981px){ .vg-autour button.vg-autour-f{display:none} .vg-autour p.vg-autour-s{margin-bottom:0} }
@media (max-width:730px){
 .vg-autour{padding:12px 14px}
 .vg-autour h2.vg-autour-t{font-size:19px}
 .vg-autour button.vg-autour-f{width:100%;justify-content:center;height:44px}
}
@media (prefers-reduced-motion: reduce){ .vg-autour button.vg-autour-f{transition:none} }

/* 20/10/2026 : vitrine sans vehicule, (1) "Autres garages pres de [ville]" (vitrine/_voisins.php, sous la carte) :
   bande qui defile au doigt sur telephone, 2 lignes de 3 sur ordinateur */
.vg .vg-vois{padding:16px 20px}
.vg .vg-vois-t{margin:0;font-size:18px;color:#1f2a37;line-height:1.25}
.vg .vg-vois-s{margin:3px 0 12px;font-size:13.5px;color:#555}
.vg .vg-vois-l{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.vg a.vg-vois-g{display:flex;flex-direction:column;gap:2px;border:1px solid #e2e2e2;border-radius:8px;padding:10px 12px;background:#fff;color:#333;text-decoration:none;transition:border-color .15s,box-shadow .15s;min-width:0}
.vg a.vg-vois-g:hover{border-color:#2977dc;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.vg a.vg-vois-g:focus-visible{outline:2px solid #1f63bd;outline-offset:2px}
.vg .vg-vois-lo{width:44px;height:44px;border-radius:8px;border:1px solid #e2e2e2;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:6px}
.vg .vg-vois-lo img{max-width:100%;max-height:100%;object-fit:contain}
.vg .vg-vois-ini{background:#2977dc;border-color:#2977dc;color:#fff;font:bold 15px Arial,Helvetica,sans-serif}
.vg .vg-vois-n{font-weight:bold;color:#1f2a37;font-size:14px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.vg .vg-vois-v{font-size:12.5px;color:#555}
.vg .vg-vois-e{font-size:12.5px;color:#9a6700}
.vg .vg-vois-ea{color:#6b6b6b}
.vg .vg-vois-nb{margin-top:auto;padding-top:6px;font-size:13px;font-weight:bold;color:#1f63bd}
@media (max-width:730px){
 .vg .vg-vois{padding:14px}
 .vg .vg-vois-t{font-size:17px}
 .vg .vg-vois-l{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px;margin:0 -14px;padding-left:14px;padding-right:14px;scroll-padding-left:14px}
 .vg a.vg-vois-g{flex:0 0 46%;scroll-snap-align:start}
}

/* (4) "Vous vendez votre voiture pres de [ville] ?" dans la liste, apres la 4e annonce (vitrine/_vendre-autour.php).
   Styles forts : les anciennes regles de la liste visent tous les liens (#content-tabresultats ul li a...) */
#content-tabresultats ul li.vg-vendre-li{list-style:none!important;height:auto!important;width:auto!important;float:none!important;border:0!important;background:none!important;margin:0 0 10px!important;padding:0!important;clear:both}
.vg-vendre{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e2e2e2;border-top:4px solid #ffc702;border-radius:10px;padding:12px 14px;font-family:Arial,Helvetica,sans-serif;text-align:left}
.vg-vendre-ic{width:44px;height:44px;border-radius:50%;background:#fff8e1;color:#b07d00;display:flex;align-items:center;justify-content:center;flex:none}
.vg-vendre-ic svg{width:22px;height:22px}
.vg-vendre-t{flex:1;min-width:0;font-size:13px;color:#555;line-height:1.4}
.vg-vendre-t strong{display:block;color:#1f2a37;font-size:15px;margin-bottom:2px}
#content-tabresultats ul li.vg-vendre-li a.vg-vendre-b, #content-tabresultats ul li.vg-vendre-li a.vg-vendre-b:link, #content-tabresultats ul li.vg-vendre-li a.vg-vendre-b:visited{display:inline-flex!important;align-items:center;justify-content:center;height:auto!important;min-height:44px;width:auto!important;float:none!important;margin:0!important;padding:0 16px!important;border:0!important;border-radius:6px;background:#ffc702!important;color:#1f2a37!important;font:bold 14px Arial,Helvetica,sans-serif!important;text-decoration:none!important;white-space:nowrap;line-height:1.3!important;box-shadow:none}
#content-tabresultats ul li.vg-vendre-li a.vg-vendre-b:hover{background:#f5b800!important;color:#1f2a37!important}
@media (max-width:730px){
 .vg-vendre{flex-wrap:wrap}
 #content-tabresultats ul li.vg-vendre-li a.vg-vendre-b{width:100%!important}
}
@media (prefers-reduced-motion: reduce){ .vg a.vg-vois-g{transition:none} }