/* BOUBZCAR v3 — pages vitrines (accueil, fiche, vendre, réseau, mission) */
.v3-hero{position:relative;background:var(--paper);border-bottom:1px solid var(--line);overflow:hidden}
.v3-hero-media{position:relative;height:240px}
.v3-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v3-hero-copy{position:relative;z-index:2;padding:30px 16px 40px}
.v3-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.4rem,4.4vw,3.7rem);line-height:1.03;letter-spacing:-.03em;margin:0 0 18px}
.v3-hero .sub{font-size:1.1rem;line-height:1.55;color:var(--ink-soft);margin:0;max-width:36ch}
@media (min-width:960px){
  .v3-hero{min-height:520px;display:flex;align-items:center}
  .v3-hero-media{position:absolute;inset:0 0 0 36%;height:auto}
  .v3-hero-media::before{content:"";position:absolute;inset:0 auto 0 0;width:38%;background:linear-gradient(90deg,var(--paper) 10%,rgba(251,250,246,0));z-index:1}
  .v3-hero-copy{padding:56px 32px 140px;width:100%}
  .v3-hero-copy > *{max-width:520px}
  .v3-hero-home .v3-hero-copy{padding-bottom:150px}
}
.v3-search{margin-top:-64px}
@media (max-width:959px){.v3-search{margin-top:-20px}}
.v3-illus{font-size:.72rem;color:var(--grey)}
.v3-lead{font-size:1.05rem;line-height:1.6;color:var(--ink-soft);max-width:52ch;margin:14px 0 22px}
.v3-ic{width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:var(--sage-3);display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}
.v3-ic.lg{width:56px;height:56px;flex-basis:56px}

/* Mosaïque de photos légendées */
.v3-mosaic{display:grid;gap:10px;margin-top:22px}
@media (min-width:860px){.v3-mosaic{grid-template-columns:1.2fr 1fr;grid-template-rows:1fr 1fr;height:390px}.v3-tile-big{grid-row:1 / 3}}
.v3-tile{position:relative;margin:0;border-radius:6px;overflow:hidden;min-height:200px;background:var(--ink)}
.v3-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v3-tile figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 16px;color:#fff;background:linear-gradient(0deg,rgba(15,20,18,.78),rgba(15,20,18,0));display:flex;flex-direction:column;gap:3px}
.v3-tile figcaption strong{font-size:1.05rem;font-weight:600}
.v3-tile figcaption span{font-size:.86rem;opacity:.92;max-width:48ch}
.v3-tile figcaption .eyebrow{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.v3-tile figcaption.cap-serif strong{font-family:var(--serif);font-weight:400;font-size:1.3rem}

/* Bande passeport */
.v3-passport{display:grid;gap:28px;align-items:center}
@media (min-width:900px){.v3-passport{grid-template-columns:1fr 1.15fr}}
.v3-pcard{display:grid;gap:16px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px;color:inherit;text-decoration:none;box-shadow:var(--shadow)}
@media (min-width:600px){.v3-pcard{grid-template-columns:150px 1fr}}
.v3-pcard-car{display:flex;flex-direction:column;gap:4px;padding-right:12px}
@media (min-width:600px){.v3-pcard-car{border-right:1px solid var(--line)}}
.v3-pcard-car img{width:100%;height:84px;object-fit:cover;border-radius:4px;margin-bottom:6px}
.v3-pcard-car .chip{align-self:flex-start;margin-top:4px}
.v3-pcard-list{list-style:none;margin:0;padding:0}
.v3-pcard-list li{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.v3-pcard-list li:first-child{border-top:0}
.v3-pcard-list li > div{flex:1;min-width:0;display:flex;flex-direction:column}
.v3-pcard-list strong{font-size:.92rem}
.v3-pcard-list small{font-size:.76rem;color:var(--grey)}

/* Étapes, engagements */
.v3-steps{display:grid;gap:14px;margin-top:24px}
@media (min-width:860px){.v3-steps{grid-template-columns:repeat(3,1fr)}}
.v3-step{position:relative;background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px 20px 46px;text-decoration:none;color:inherit;display:block}
.v3-step .num{display:inline-flex;width:38px;height:38px;border-radius:50%;background:var(--sage-3);align-items:center;justify-content:center;font-size:.85rem;margin-right:14px;vertical-align:middle}
.v3-step h3{font-size:1.08rem;margin:14px 0 6px}
.v3-step p{margin:0;color:var(--ink-soft);font-size:.92rem;line-height:1.55}
.v3-step .go{position:absolute;right:18px;bottom:16px}
.v3-pillars{display:grid;gap:22px;margin-top:22px}
@media (min-width:860px){.v3-pillars{grid-template-columns:repeat(3,1fr);gap:0}.v3-pillars > div{padding:0 26px;border-left:1px solid var(--line)}.v3-pillars > div:first-child{border-left:0;padding-left:0}}
.v3-pillars > div{display:flex;gap:16px;align-items:flex-start}
.v3-pillars h3{font-family:var(--serif);font-weight:400;font-size:1.45rem;margin:4px 0 8px}
.v3-pillars p{margin:0;color:var(--ink-soft);font-size:.93rem;line-height:1.6}
.v3-badges{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px}
.v3-badges > div{display:flex;align-items:center;gap:10px;font-size:.8rem;max-width:150px;line-height:1.35}

/* Bandeau d'appel */
.v3-cta{display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px;background:var(--sage);border-radius:8px;padding:22px 26px;margin:34px 0 0}
.v3-cta h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,3vw,2.1rem);margin:4px 0 0;line-height:1.1}
.v3-cta > div{flex:1;min-width:240px}
.v3-cta p{margin:0;font-size:.9rem;color:var(--ink-soft);max-width:44ch}
.v3-cta-light{background:#fff;border:1px solid var(--line)}

/* Hero en deux colonnes (réseau, mission) */
.v3-split{display:grid;gap:26px;align-items:center;padding:16px 0 34px}
@media (min-width:960px){.v3-split{grid-template-columns:1fr 1.12fr}}
.v3-split h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.4rem,4.4vw,3.6rem);line-height:1.03;letter-spacing:-.03em;margin:0 0 16px}
.v3-split .sub{font-size:1.1rem;line-height:1.55;color:var(--ink-soft);margin:0;max-width:44ch}
.v3-split-media{position:relative;border-radius:6px;overflow:hidden;min-height:260px}
.v3-split-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v3-split-media .v3-illus{position:absolute;top:10px;right:12px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);z-index:1}
@media (min-width:960px){.v3-split-media{min-height:330px}}
.v3-crumbs{font-size:.78rem;color:var(--grey);padding:14px 0 6px}
.v3-crumbs a{color:var(--grey);text-decoration:none}
.v3-crumbs span{margin:0 8px}

/* Cartes de garages */
.v3-gcards{display:grid;gap:14px;margin-top:14px}
@media (min-width:760px){.v3-gcards{grid-template-columns:repeat(3,1fr)}}
.v3-gcard{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;color:inherit;text-decoration:none;display:flex;flex-direction:column}
.v3-gcard img{width:100%;height:180px;object-fit:cover}
.v3-gcard .body{padding:12px 14px 14px}
.v3-gcard h3{font-family:var(--serif);font-weight:400;font-size:1.2rem;margin:0 0 4px}
.v3-gcard ul{list-style:none;margin:10px 0 0;padding:10px 0 0;border-top:1px solid var(--line);display:grid;gap:8px;font-size:.84rem;color:var(--ink-soft)}
.v3-gcard li{display:flex;gap:10px;align-items:center}
.v3-method{display:grid;gap:0;border-radius:6px;overflow:hidden;margin-top:28px;background:var(--sage-3)}
@media (min-width:900px){.v3-method{grid-template-columns:1.6fr 1fr}}
.v3-method-media{position:relative;min-height:240px}
.v3-method-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v3-checklist{position:absolute;right:14px;top:14px;bottom:14px;background:rgba(255,255,255,.94);border-radius:6px;padding:14px 18px;min-width:190px;font-size:.84rem}
.v3-checklist ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:9px}
.v3-checklist li{display:flex;gap:10px;align-items:center}
.v3-checklist .ok{width:20px;height:20px;border-radius:50%;background:var(--sage);display:inline-flex;align-items:center;justify-content:center}
@media (max-width:599px){.v3-checklist{position:static;margin:200px 12px 12px}.v3-method-media{min-height:0}}
.v3-method-copy{padding:24px 26px}
.v3-method-copy h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.08;margin:0 0 12px}
.v3-note{display:flex;gap:12px;align-items:center;background:#fff;border-radius:6px;padding:12px 14px;font-size:.84rem;margin-top:16px}

/* Chronologie (mission) */
.v3-timeline{background:#fff;border:1px solid var(--line);border-radius:6px;padding:18px 20px}
.v3-timeline details{border-top:1px solid var(--line);padding:12px 0 12px 56px;position:relative}
.v3-timeline details:first-of-type{border-top:0}
.v3-timeline summary{list-style:none;cursor:pointer;display:flex;gap:12px;align-items:center}
.v3-timeline summary::-webkit-details-marker{display:none}
.v3-timeline summary .t{flex:1;display:flex;flex-direction:column}
.v3-timeline summary small{color:var(--grey);font-size:.8rem}
.v3-timeline .v3-ic{position:absolute;left:0;top:10px}
.v3-timeline details:not(:last-of-type)::after{content:"";position:absolute;left:20px;top:54px;bottom:-12px;border-left:1px dashed var(--line-2)}
.v3-timeline details p{margin:8px 0 0;font-size:.88rem;color:var(--ink-soft)}
.v3-timeline .date{font-size:.8rem;color:var(--grey);white-space:nowrap}
.v3-two{display:grid;gap:22px;align-items:start}
@media (min-width:960px){.v3-two{grid-template-columns:1.35fr 1fr}}

/* Vendre : collage, FAQ */
.v3-collage{display:grid;gap:10px;margin-top:22px}
@media (min-width:860px){.v3-collage{grid-template-columns:1.15fr 1fr;grid-template-rows:1fr 1fr;height:330px}.v3-collage .v3-tile:first-child{grid-row:1 / 3}}
.v3-faq{display:grid;gap:22px}
@media (min-width:900px){.v3-faq{grid-template-columns:1fr 1.1fr}}
.v3-faq-list{background:#fff;border:1px solid var(--line);border-radius:6px}
.v3-faq-list details{border-top:1px solid var(--line);padding:12px 16px}
.v3-faq-list details:first-child{border-top:0}
.v3-faq-list summary{cursor:pointer;font-size:.92rem;display:flex;justify-content:space-between;gap:12px;list-style:none}
.v3-faq-list summary::-webkit-details-marker{display:none}
.v3-faq-list summary::after{content:"";width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:4px;flex:0 0 8px}
.v3-faq-list details[open] summary::after{transform:rotate(-135deg);margin-top:8px}
.v3-faq-list p{margin:10px 0 2px;font-size:.88rem;color:var(--ink-soft);line-height:1.6}
.v3-checks{list-style:none;margin:0;padding:0}
.v3-checks li{display:flex;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.v3-checks li:first-child{border-top:0}
.v3-checks li > div{flex:1}
.v3-checks small{display:block;color:var(--grey);font-size:.8rem}
.v3-checks .tick{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--ink);display:inline-flex;align-items:center;justify-content:center}

/* Fiche véhicule */
.v3-gal{display:grid;gap:8px}
@media (min-width:760px){.v3-gal{grid-template-columns:3.2fr 1fr}}
.v3-gal-side{display:none}
@media (min-width:760px){.v3-gal-side{display:grid;grid-template-rows:repeat(3,1fr);gap:8px}}
.v3-gal-side button{position:relative;padding:0;border:0;border-radius:6px;overflow:hidden;cursor:pointer;background:var(--line)}
.v3-gal-side img{width:100%;height:100%;object-fit:cover;display:block}
.v3-gal-side .more{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);background:rgba(15,20,18,.72);color:#fff;font-size:.78rem;padding:5px 12px;border-radius:999px;white-space:nowrap}
.v3-tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--line);margin:22px 0 26px;position:sticky;top:64px;background:var(--ivory);z-index:5;scrollbar-width:none}
.v3-tabs a{padding:12px 14px;font-size:.88rem;color:var(--ink-soft);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent}
.v3-tabs a:first-child{color:var(--ink);border-bottom-color:var(--ink);font-weight:500}
.v3-essentiel{display:grid;gap:24px}
@media (min-width:960px){.v3-essentiel{grid-template-columns:1fr 1fr;gap:0}.v3-essentiel > div:first-child{padding-right:30px;border-right:1px solid var(--line)}.v3-essentiel > div:last-child{padding-left:30px}}
.v3-essentiel h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.8rem,3.2vw,2.4rem);line-height:1.08;margin:0 0 14px}
.v3-hl{display:flex;flex-wrap:wrap;gap:16px 22px;margin-top:22px}
.v3-hl > div{display:flex;align-items:center;gap:10px;font-size:.82rem;max-width:160px}
.v3-spec{list-style:none;margin:0;padding:0}
.v3-spec li{display:grid;grid-template-columns:26px 1fr 1fr;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);font-size:.86rem}
.v3-spec li span:nth-child(2){color:var(--grey)}
.v3-verified{display:inline-flex;align-items:center;gap:6px;background:var(--sage-3);color:var(--ink);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;padding:5px 9px;border-radius:4px;margin-bottom:10px}
.v3-pband{background:var(--sage);border-radius:8px;padding:26px;display:grid;gap:18px;margin:30px 0}
@media (min-width:960px){.v3-pband{grid-template-columns:1.05fr 1fr .95fr;align-items:center}}
.v3-pband h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.8rem,3vw,2.3rem);line-height:1.05;margin:0 0 12px}
.v3-pband .v3-pcard-list{background:#fff;border-radius:6px;padding:8px 16px}
.v3-defect{background:#fff;border-radius:6px;padding:8px;margin:0}
.v3-defect img{width:100%;height:180px;object-fit:cover;border-radius:4px;display:block}
.v3-defect figcaption{font-size:.84rem;font-weight:500;padding:8px 4px 2px}
.v3-proofs{display:grid;gap:12px;margin-top:20px}
@media (min-width:760px){.v3-proofs{grid-template-columns:1fr 1fr}.v3-proofs .v3-tile{min-height:300px}}
.v3-top{display:grid;gap:16px;margin-top:6px}
@media (min-width:1024px){.v3-top{grid-template-columns:1fr 330px;align-items:stretch}}
.v3-gal .gal img[data-gallery-main]{aspect-ratio:auto}
@media (min-width:760px){.v3-gal{height:440px}.v3-gal > div:first-child,.v3-gal .gal{height:100%}.v3-gal .gal img[data-gallery-main]{height:100%;width:100%;object-fit:cover}.v3-mob-thumbs{display:none !important}}
.v3-buy{height:100%;background:var(--sage-3);border:0}
.v3-buy-title{font-family:var(--serif);font-weight:400;font-size:2rem;line-height:1.05;margin:0}
.v3-buy .ver{font-size:1.05rem;margin:4px 0 6px}
.v3-buy .price{font-size:2.3rem}
.v3-buy-specs{list-style:none;margin:6px 0 16px;padding:0;display:grid;gap:9px;font-size:.9rem;color:var(--ink-soft)}
.v3-buy-specs li{display:flex;gap:12px;align-items:center}
.v3-buy-foot{display:flex;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}
.v3-buy-foot form{margin:0}
.v3-linkbtn{background:none;border:0;padding:0;cursor:pointer;font:inherit;font-size:.84rem;display:inline-flex;align-items:center;gap:6px;color:var(--ink)}
.v3-verified.warn{background:var(--warn-bg);color:var(--warn)}
.v3-verified.alert{background:#F6E1DE;color:#8C2F22}
.v3-equip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;font-size:.88rem}
.v3-equip li{display:flex;gap:8px;align-items:center}
@media (min-width:760px){.v3-gal{display:grid;grid-template-columns:minmax(0,1fr) 22%}.v3-gal .gal{aspect-ratio:auto}}
.twocards:has(> #autour[hidden]){grid-template-columns:1fr}
@media (min-width:960px){.mcontact{display:none}}
@media (min-width:760px){.v3-gal{height:auto;min-height:440px}.v3-gal-side{grid-template-rows:none;grid-auto-rows:1fr}}
.v3-checklist{bottom:auto}
.v3-hero-sell .v3-hero-media img{object-position:left center}
@media (min-width:960px){.v3-hero-sell .v3-hero-media{left:40%}.v3-hero-sell .v3-hero-media::before{width:16%}}
.v3-collage + .v3-illus{margin-bottom:-20px}
.v3-gcard-join{justify-content:center;align-items:flex-start;padding:22px;background:var(--sage-3);border-style:dashed}
.v3-gcard-join h3{margin-bottom:8px}
.v3-pcard-sell{grid-template-columns:1fr !important}
@media (min-width:700px){.v3-pcard-sell{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) !important}}
.v3-buy-specs{grid-template-columns:1fr 1fr;gap:8px 12px;margin:4px 0 14px}
.v3-buy .pricerow{margin:8px 0 10px;padding-bottom:10px}
.v3-buy .btn{padding-top:12px;padding-bottom:12px;margin-bottom:0}
.v3-buy > .btn + .btn{margin-top:10px}
.v3-buy-foot{align-items:center;margin-top:12px}
.v3-buy-foot .cmp-btn{font-size:.78rem}
@media (min-width:1024px){.v3-gal{max-height:560px}}

/* Disponibilité, historique de l'annonce */
.v3-avail{display:flex;gap:8px;align-items:center;margin:0 0 8px;color:var(--ok)}
.v3-avail.asked,.v3-avail.stale{color:var(--warn)}
.v3-changes{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.v3-changes li{display:flex;gap:12px;align-items:center}
.v3-changes li > div{display:flex;flex-direction:column}
.v3-changes small{color:var(--grey);font-size:.78rem}
.v3-changes .v3-ic{width:34px;height:34px;flex-basis:34px}

/* Guide de prise de vue */
.pg{background:var(--sage-3);border-radius:8px;padding:14px 16px;margin:6px 0 14px}
.pg-head{display:flex;justify-content:space-between;gap:10px;align-items:center}
.pg-bar{height:6px;border-radius:99px;background:#fff;margin-top:8px;overflow:hidden}
.pg-bar span{display:block;height:100%;background:var(--ink);transition:width .3s}
.pg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.pg-slot{background:#fff;border:1px solid var(--line);border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:6px}
.pg-slot small{font-size:.74rem;line-height:1.4;flex:1}
.pg-slot .btn{align-self:flex-start}
.pg-media{position:relative;height:90px;border-radius:4px;background:var(--paper);display:flex;align-items:center;justify-content:center;color:var(--ink-soft);overflow:hidden}
.pg-media img{width:100%;height:100%;object-fit:cover}
.pg-ok{display:none;position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:var(--ok);color:#fff;align-items:center;justify-content:center}
.pg-slot.done{border-color:var(--ok)}
.pg-slot.done .pg-ok{display:inline-flex}

/* Salle de transaction */
.room-head{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}
.room-car img{width:120px;height:76px;object-fit:cover;border-radius:6px;display:block}
.room-steps{list-style:none;margin:18px 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:6px;counter-reset:s}
.room-steps li{display:flex;flex-direction:column;gap:2px;padding:10px 10px 8px;border-top:3px solid var(--line);font-size:.8rem}
.room-steps li.done{border-top-color:var(--ok)}
.room-steps .dot{width:22px;height:22px;border-radius:50%;background:var(--line);display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;margin-bottom:4px}
.room-steps li.done .dot{background:var(--ok);color:#fff}
.room-steps small{color:var(--grey);font-size:.72rem}
@media (max-width:760px){.room-steps{grid-template-columns:repeat(3,1fr)}}
.room-grid{display:grid;gap:18px;align-items:start}
@media (min-width:960px){.room-grid{grid-template-columns:minmax(0,1fr) 380px}}
.room-side .block2{margin:0 0 12px}
.offer-card{background:var(--sage-3);border-radius:6px;padding:12px 14px;margin-top:10px}
.offer-amt{font-family:var(--serif);font-size:1.6rem;line-height:1.1}
.offer-hist{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.offer-hist li{display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.bubble.sys{background:var(--sage-3);border:1px dashed var(--line-2)}
.vr-checks{display:grid;gap:6px}
@media (min-width:700px){.vr-checks{grid-template-columns:1fr 1fr}}
.chip-radio{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line-2);border-radius:99px;padding:6px 12px;font-size:.86rem;cursor:pointer;background:#fff}