/* Catalogue VO — Garage Musset (généré, ne pas éditer à la main)
   Utilise les variables de l'accueil (site.css) → mode sombre compris. */
.vo-section{padding:40px 0}
.vo-count{font-size:1.15rem;font-weight:700;margin:8px 0 16px;color:var(--ink)}
.vo-filtres{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.vo-filtres select,.vo-filtres input{padding:10px 14px;border:1px solid var(--line);border-radius:999px;font:inherit;background:var(--bg);color:var(--ink);min-width:160px}
.vo-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(268px,1fr))}
.vo-card{background:var(--bg);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s}
.vo-card:hover{box-shadow:var(--shadow-md,0 8px 24px rgba(0,0,0,.12));transform:translateY(-2px)}
.vo-card a.vo-lien{color:inherit;text-decoration:none;display:flex;flex-direction:column;height:100%}
.vo-photo{position:relative;aspect-ratio:4/3;background:var(--bg-soft);overflow:hidden}
.vo-photo img{width:100%;height:100%;object-fit:cover;display:block}
.vo-badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;z-index:2}
.vo-badge{background:rgba(16,24,40,.85);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:5px 10px;border-radius:999px;backdrop-filter:blur(4px)}
.vo-badge-e85{background:#0a6b3d}
.vo-badge-elec{background:#1252a8}
.vo-badge-attente{background:#6b5b1f}
.vo-prix-tag{position:absolute;right:10px;bottom:10px;background:var(--ford-blue,#003478);color:#fff;font-weight:700;font-size:1.05rem;padding:7px 14px;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.3);z-index:2}
.vo-prix-tag s{font-weight:400;font-size:.78rem;display:block;text-align:right;opacity:.9}
.vo-prix-tag em{font-style:normal;font-size:.72rem;font-weight:500;opacity:.9;margin-left:3px}
.vo-body{padding:14px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.vo-titre{font-weight:700;line-height:1.25;min-height:2.4em;color:var(--ink)}
.vo-specs{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--ink-2);font-size:.88rem;margin-top:auto}
.vo-specs span{white-space:nowrap}
.vo-baisse{color:#1570ef;font-weight:600;font-size:.82rem}
/* flèches DANS la photo */
.vo-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border:none;border-radius:50%;background:rgba(255,255,255,.92);color:#101828;font-size:1.4rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.35);opacity:0;transition:opacity .15s;z-index:3;padding:0}
.vo-card:hover .vo-nav,.vo-nav:focus-visible{opacity:1}
@media(hover:none){.vo-nav{opacity:.92}}
.vo-prev{left:8px}.vo-next{right:8px}
.vo-num{position:absolute;top:10px;right:10px;background:rgba(16,24,40,.8);color:#fff;font-size:.72rem;font-weight:600;padding:4px 9px;border-radius:999px;z-index:2}
.vo-vide{padding:40px 0;text-align:center;color:var(--ink-2)}
/* fiche */
.vof-wrap{display:grid;gap:28px;grid-template-columns:1fr}
@media(min-width:960px){.vof-wrap{grid-template-columns:3fr 2fr}}
.vof-gal{position:relative}
.vof-main img{width:100%;border-radius:16px;display:block;background:var(--bg-soft)}
.vof-gal .vo-nav{opacity:.92}
.vof-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px;margin-top:10px}
.vof-thumbs button{padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;cursor:pointer;background:none;aspect-ratio:4/3}
.vof-thumbs button.actif{border-color:var(--ford-blue,#003478)}
.vof-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.vof-prix{font-size:1.9rem;font-weight:800;color:var(--ford-blue,#003478)}
.vof-prix s{font-size:1.1rem;font-weight:500;color:var(--ink-2);margin-right:10px}
.vof-prix em{font-style:normal;font-size:.9rem;font-weight:500}
.vof-fiche{width:100%;border-collapse:collapse;margin-top:10px}
.vof-fiche td{padding:9px 4px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink)}
.vof-fiche td:first-child{color:var(--ink-2);width:46%}
.vof-cta{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.vof-cta .btn{justify-content:center}
.vof-garantie{background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:13px 15px;margin-top:14px;font-size:.92rem;color:var(--ink)}
.vof-equip{columns:2;gap:24px;font-size:.92rem;color:var(--ink)}
.vof-equip li{break-inside:avoid;margin-bottom:5px}
.vof-dsr{background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:14px 18px 14px 34px;color:var(--ink);max-width:760px}
.vof-dsr li{margin-bottom:6px}
/* curseurs de recherche (prix · km · année) */
.vo-sliders{display:grid;gap:18px 28px;grid-template-columns:1fr;margin:4px 0 18px;max-width:900px}
@media(min-width:760px){.vo-sliders{grid-template-columns:repeat(3,1fr)}}
.vo-sl label{display:block;font-size:.82rem;font-weight:600;color:var(--ink-2);margin-bottom:2px;letter-spacing:.02em}
.vo-sl output{display:block;font-size:.95rem;font-weight:700;color:var(--ink);margin-bottom:6px}
.vo-range{position:relative;height:26px}
.vo-range .piste{position:absolute;top:11px;left:0;right:0;height:4px;border-radius:2px;background:var(--line)}
.vo-range .active{position:absolute;top:11px;height:4px;border-radius:2px;background:var(--ford-blue,#003478)}
.vo-range input[type=range]{position:absolute;top:0;left:0;width:100%;height:26px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}
.vo-range input[type=range]:focus{outline:none}
.vo-range input[type=range]:focus-visible::-webkit-slider-thumb{outline:3px solid #1570ef;outline-offset:2px}
.vo-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--ford-blue,#003478);cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.vo-range input[type=range]::-moz-range-thumb{pointer-events:auto;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--ford-blue,#003478);cursor:pointer}
.vo-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px;min-height:1px}
.vo-chip{display:inline-flex;align-items:center;gap:7px;background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;padding:5px 8px 5px 13px;font-size:.84rem;color:var(--ink)}
.vo-chip button{border:none;background:var(--line);color:var(--ink);border-radius:50%;width:19px;height:19px;line-height:1;cursor:pointer;font-size:.8rem;padding:0}
.vo-chip button:hover{background:#c33;color:#fff}
.vo-reset{border:1px solid var(--line);background:none;color:var(--ink-2);border-radius:999px;padding:6px 14px;font:inherit;font-size:.84rem;cursor:pointer}
.vo-reset:hover{border-color:var(--ford-blue,#003478);color:var(--ford-blue,#003478)}
.vo-hero{padding:32px 0 8px}
.vo-hero h1{margin:6px 0 10px}
.vo-bc{font-size:.85rem;color:var(--ink-2);margin-bottom:10px}
.vo-bc a{color:var(--ink-2)}