.ovc-home,.ovc-home *,.ovc-home *::before,.ovc-home *::after{box-sizing:border-box}
.ovc-home h1,.ovc-home h2,.ovc-home h3,.ovc-home p,.ovc-home ul,.ovc-home li{margin:0;padding:0}
.ovc-home ul{list-style:none}
:root{
  --ovc-photo-hero:url("/wp-content/uploads/2026/09/ovecar-hero-accueil.webp?v=1");

  --ovc-encre:#0B1B33;
  --ovc-encre-doux:#41536E;
  --ovc-bleu:#0A6CF1;
  --ovc-bleu-profond:#0554C4;
  --ovc-ciel:#3D9BFF;
  --ovc-brume:#F4F6FA;
  --ovc-chrome:#E9EDF3;
  --ovc-chrome-2:#DCE2EA;
  --ovc-chrome-fort:#B8C0CF;
  --ovc-succes:#12A150;
  --ovc-blanc:#FFFFFF;
  --ovc-rayon:16px;
  --ovc-rayon-s:10px;
  --ovc-large:1140px;
  --ovc-argent:linear-gradient(180deg,#F7F8FB 0%,#EEF1F5 50%,#E4E8EE 100%);
  --ovc-reflet:linear-gradient(115deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.6) 48%,rgba(255,255,255,0) 62%);
  --ovc-brosse:repeating-linear-gradient(0deg,rgba(255,255,255,.28) 0 1px,rgba(0,0,0,0) 1px 2px,rgba(184,192,207,.10) 2px 3px,rgba(0,0,0,0) 3px 5px);

}


body.ovc-home-page{
font-family:'Manrope','DM Sans',system-ui,sans-serif;color:var(--ovc-encre);background:var(--ovc-blanc);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased
}
.ovc-home h1, .ovc-home h2, .ovc-home h3{
font-family:'Sora','Outfit',system-ui,sans-serif;font-weight:600;line-height:1.15;letter-spacing:-0.02em
}
.ovc-home h1{
font-size:clamp(2.1rem,4.6vw,3.5rem)
}
.ovc-home .ovc-accent{
color:var(--ovc-bleu)
}
.ovc-home h2{
font-size:clamp(1.6rem,3vw,2.35rem)
}
.ovc-home h3{
font-size:1.15rem
}
.ovc-home p{
max-width:62ch
}
.ovc-home a{
color:inherit;text-decoration:none
}
.ovc-home img{
display:block;max-width:100%
}
.ovc-home .ovc-enveloppe{
max-width:var(--ovc-large);margin:0 auto;padding:0 24px
}
.ovc-home .ovc-etiquette{
font-family:'Chakra Petch','Outfit',sans-serif;font-weight:600;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ovc-bleu)
}
.ovc-home .ovc-argent{
background:var(--ovc-argent);position:relative;border-top:1px solid #fff;border-bottom:1px solid var(--ovc-chrome-fort)
}
.ovc-home .ovc-argent::before{
content:"";position:absolute;inset:0;background:var(--ovc-brosse);pointer-events:none;opacity:.5;mix-blend-mode:multiply
}
.ovc-home .ovc-argent::after{
content:"";position:absolute;inset:0;background:var(--ovc-reflet);pointer-events:none
}
.ovc-home .ovc-argent>*{
position:relative;z-index:1
}
/* navigation */
.ovc-home .ovc-barre{
position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--ovc-chrome)
}
.ovc-home .barre .ovc-enveloppe{
display:flex;align-items:center;gap:32px;height:74px
}
.ovc-home .ovc-marque{
font-family:'Sora','Outfit',sans-serif;font-weight:700;font-size:1.35rem;letter-spacing:-.03em
}
.ovc-home .ovc-marque span{
color:var(--ovc-bleu)
}
.ovc-home .nav{
display:flex;gap:26px;margin-left:auto;font-size:.95rem;font-weight:500
}
.ovc-home .nav a{
padding:6px 0;border-bottom:2px solid transparent;transition:border-color .2s,color .2s
}
.ovc-home .nav a:hover, .ovc-home .nav a:focus-visible{
color:var(--ovc-bleu);border-color:var(--ovc-bleu)
}
.ovc-home /* boutons */
.ovc-bouton{
display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:'Manrope','DM Sans',sans-serif;font-weight:700;font-size:1rem;padding:15px 28px;border-radius:var(--ovc-rayon-s);border:2px solid transparent;cursor:pointer;transition:transform .18s,background .2s,border-color .2s,color .2s,box-shadow .3s;position:relative
}
.ovc-home .ovc-bouton:active{
transform:translateY(1px)
}
.ovc-home .ovc-bouton-plein{
background:var(--ovc-bleu);color:#fff
}
.ovc-home .ovc-bouton-plein:hover{
background:var(--ovc-bleu-profond)
}
.ovc-home .ovc-bouton-ligne{
background:#fff;color:var(--ovc-encre);border-color:var(--ovc-chrome-fort)
}
.ovc-home .ovc-bouton-ligne:hover{
border-color:var(--ovc-bleu);color:var(--ovc-bleu)
}
.ovc-home .ovc-bouton-clair{
background:#fff;color:var(--ovc-bleu-profond)
}
/* Le bouton d'estimation du telephone est un lien pose par l'extension de
   reprise. La regle generale du theme, qui fait heriter la couleur a tous
   les liens de l'accueil, lui reprenait son blanc et le laissait en encre
   sombre sur fond bleu. On le lui rend. */
.ovc-home .ovc-hero-recherche .edrive-rech-cta,
.ovc-home .ovc-hero-recherche .edrive-rech-cta:hover,
.ovc-home .ovc-hero-recherche .edrive-rech-cta:focus{
color:#fff
}
.ovc-home .ovc-bouton-clair:hover{
background:var(--ovc-brume)
}
.ovc-home :focus-visible{
outline:3px solid var(--ovc-ciel);outline-offset:3px
}
.ovc-home /* héro */
.ovc-hero{
padding:0 0 0;position:relative;overflow:hidden;background:linear-gradient(180deg,#FFFFFF 0%,#E8F1FE 60%,#F6FAFF 100%)
}
.ovc-home .ovc-hero-photo{
position:absolute;top:0;left:0;right:0;height:640px;background-image:var(--ovc-photo-hero);background-size:cover;background-position:center 8%;z-index:0
}
.ovc-home .ovc-hero-photo::after{
content:"";position:absolute;inset:0;backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);
  background:linear-gradient(100deg,rgba(255,255,255,.90) 0%,rgba(255,255,255,.74) 34%,rgba(255,255,255,.36) 58%,rgba(255,255,255,.16) 78%,rgba(255,255,255,.22) 100%)
}
.ovc-home .ovc-hero-photo::before{
content:"";position:absolute;left:0;right:0;bottom:0;height:230px;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(248,251,255,.86) 55%,#F6FAFF 100%);z-index:2
}
.ovc-home .ovc-hero .ovc-halo{
position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none
}
.ovc-home .ovc-hero .ovc-halo-1{
top:520px;right:-80px;width:420px;height:420px;background:rgba(61,155,255,.22);z-index:1
}
.ovc-home .ovc-hero .ovc-halo-2{
top:640px;left:-140px;width:340px;height:340px;background:rgba(0,200,248,.16);z-index:1
}
.ovc-home .ovc-hero .ovc-halo-3{
display:none
}
.ovc-home .ovc-hero-haut{
display:grid;grid-template-columns:1.02fr .98fr;gap:52px;align-items:center;position:relative;z-index:3;min-height:560px;padding-top:56px
}
.ovc-home .ovc-hero h1{
max-width:17ch
}
.ovc-home .ovc-hero .ovc-chapeau{
margin:22px 0 0;font-size:1.16rem;color:var(--ovc-encre-doux);max-width:52ch
}
.ovc-home .ovc-hero-visuel{
position:relative;min-height:420px
}
.ovc-home .ovc-pastille{
position:absolute;background:rgba(255,255,255,.86);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.9);border-radius:14px;padding:13px 17px;box-shadow:0 16px 38px rgba(11,27,51,.18);font-size:.9rem;font-weight:700;display:flex;align-items:center;gap:11px;max-width:270px
}
.ovc-home .ovc-pastille small{
display:block;font-weight:500;color:var(--ovc-encre-doux);font-size:.82rem
}
.ovc-home .ovc-pastille .ovc-pic{
width:34px;height:34px;border-radius:9px;background:var(--ovc-bleu);color:#fff;display:grid;place-items:center;font-family:'Chakra Petch','Outfit',sans-serif;font-weight:700;font-size:.9rem;flex:none
}
.ovc-home .ovc-pastille-1{
left:-40px;bottom:40px
}
.ovc-home .ovc-pastille-2{
right:0;top:20px
}
.ovc-home .ovc-hero .ovc-priorite{
justify-content:center
}
.ovc-home .ovc-hero-portes{
position:relative;z-index:3;padding-bottom:8px;margin-top:38px
}
.ovc-home /* sélecteur de priorité */
.ovc-priorite{
display:flex;align-items:center;justify-content:center;gap:16px;margin:34px 0 22px;flex-wrap:wrap;text-align:center
}
.ovc-home .ovc-priorite .ovc-lib{
font-family:'Chakra Petch','Outfit',sans-serif;font-weight:600;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ovc-encre-doux)
}
/* Le selecteur est un curseur : rapidite a gauche, prix a droite. Un rail
   fin bicolore (bleu / jaune, pales), la moitie active en plein, et une
   bille qui glisse d'un pole a l'autre. Deux positions seulement. Les deux
   boutons restent de vrais boutons : c'est le script qui pose data-choix
   sur le conteneur, le rail et la bille ne font que suivre. */
.ovc-home .ovc-bascule{
position:relative;display:grid;grid-template-columns:1fr 1fr;gap:24px;width:min(100%,640px);padding:0 0 34px
}
/* le rail est un element a part entiere : c'est lui qu'on tire au doigt ou
   a la souris (touch-action:none, pour que le geste horizontal ne soit pas
   pris pour un defilement de page). Les libelles au-dessus restent de
   simples boutons, le defilement vertical y fonctionne normalement. */
.ovc-home .ovc-curseur{
position:absolute;left:0;right:0;bottom:0;height:34px;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none
}
.ovc-home .ovc-bascule.ovc-tire .ovc-curseur{
cursor:grabbing
}
.ovc-home .ovc-curseur::before{
content:"";position:absolute;left:0;right:0;bottom:12px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--ovc-bleu) 0,var(--ovc-bleu) 50%,var(--ovc-jaune) 50%,var(--ovc-jaune) 100%);opacity:.22
}
.ovc-home .ovc-curseur::after{
content:"";position:absolute;left:0;width:50%;bottom:12px;height:4px;border-radius:2px;background:var(--ovc-bleu);transition:transform .35s cubic-bezier(.3,.9,.3,1),background .35s
}
.ovc-home .ovc-bascule[data-choix="b"] .ovc-curseur::after{
transform:translateX(100%);background:var(--ovc-jaune)
}
/* le rail actif porte une ombre de sa couleur : il se detache du fond clair */
.ovc-home .ovc-curseur::after{
box-shadow:0 4px 12px rgba(10,108,241,.35)
}
.ovc-home .ovc-bascule[data-choix="b"] .ovc-curseur::after{
box-shadow:0 4px 12px rgba(235,216,5,.35)
}
.ovc-home .ovc-bille{
position:absolute;left:0;bottom:0;width:28px;height:28px;border-radius:50%;background:#fff;border:3px solid var(--ovc-bleu);box-sizing:border-box;box-shadow:0 3px 10px rgba(11,27,51,.28);transform:translateX(-50%);transition:left .35s cubic-bezier(.3,.9,.3,1),border-color .35s;z-index:1;pointer-events:none
}
.ovc-home .ovc-bascule[data-choix="b"] .ovc-bille{
left:100%;border-color:var(--ovc-jaune-fonce)
}
/* pendant qu'on la tire, la bille suit le doigt sans temporisation */
.ovc-home .ovc-bascule.ovc-tire .ovc-bille{
transition:border-color .35s
}
.ovc-home .ovc-bascule button{
font-family:'Manrope','DM Sans',sans-serif;background:none;border:none;padding:0 0 14px;border-radius:0;cursor:pointer;display:flex;flex-direction:column;gap:3px;align-items:flex-start;text-align:left;color:var(--ovc-encre-doux);min-height:44px;white-space:normal
}
.ovc-home .ovc-bascule button:last-of-type{
align-items:flex-end;text-align:right
}
.ovc-home .ovc-bascule button b{
font-family:'Sora','Outfit',sans-serif;font-weight:600;font-size:1.05rem;line-height:1.2;color:var(--ovc-encre-doux);transition:color .3s
}
.ovc-home .ovc-bascule button small{
font-size:.82rem;line-height:1.3;color:var(--ovc-encre-doux)
}
.ovc-home .ovc-bascule button[aria-pressed="true"] b{
color:var(--ovc-bleu)
}
.ovc-home .ovc-bascule[data-choix="b"] button[aria-pressed="true"] b{
color:var(--ovc-jaune-texte)
}
.ovc-home /* les deux portes */
.ovc-portes{
display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:0 0 0;align-items:stretch
}
.ovc-home .ovc-porte{
position:relative;background:#fff;border:2px solid var(--ovc-chrome);border-radius:var(--ovc-rayon);padding:30px 28px 28px;transition:border-color .35s,transform .45s cubic-bezier(.2,.8,.3,1),opacity .35s,box-shadow .45s;opacity:0;transform:translateY(30px)
}
.ovc-home .ovc-porte-a.ovc-entree{
transform:translateX(-40px) translateY(0)
}
.ovc-home .ovc-porte-b.ovc-entree{
transform:translateX(40px) translateY(0)
}
.ovc-home .ovc-portes.ovc-prete .ovc-porte{
opacity:1;transform:none;box-shadow:0 10px 28px rgba(11,27,51,.10)
}
.ovc-home .ovc-portes.ovc-prete .ovc-porte.ovc-active{
border-color:var(--ovc-bleu);transform:translateY(-6px) scale(1.015);box-shadow:0 22px 48px rgba(10,108,241,.22)
}
.ovc-home .ovc-portes.ovc-prete .ovc-porte.ovc-repos{
opacity:.72
}
.ovc-home .ovc-porte .ovc-rang{
font-family:'Chakra Petch','Outfit',sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;display:inline-block;padding:5px 11px;border-radius:5px;margin-bottom:16px;transition:background .3s,color .3s
}
.ovc-home .ovc-rang-a{
background:var(--ovc-chrome);color:var(--ovc-encre-doux)
}
.ovc-home .ovc-rang-b{
background:var(--ovc-chrome);color:var(--ovc-encre-doux)
}
.ovc-home .ovc-porte.ovc-active .ovc-rang{
background:var(--ovc-bleu);color:#fff
}
.ovc-home .ovc-porte h3,.ovc-home .ovc-porte h2{
font-size:1.5rem;margin-bottom:8px
}
.ovc-home .ovc-porte p{
font-size:.98rem;color:var(--ovc-encre-doux);min-height:76px
}
.ovc-home .ovc-porte ul{
list-style:none;margin:6px 0 22px;font-size:.95rem
}
.ovc-home .ovc-porte li{
display:flex;gap:10px;padding:5px 0;align-items:flex-start
}
.ovc-home .ovc-coche{
color:var(--ovc-succes);font-weight:700;flex:none
}
.ovc-home .ovc-porte .ovc-bouton{
width:100%
}
.ovc-home .ovc-porte.ovc-active .ovc-bouton-plein{
animation:ovc-halo 2.2s ease-out infinite
}
@keyframes ovc-halo{
0%{
box-shadow:0 0 0 0 rgba(10,108,241,.45)
}
70%{
box-shadow:0 0 0 14px rgba(10,108,241,0)
}
100%{
box-shadow:0 0 0 0 rgba(10,108,241,0)
}
}
.ovc-home /* chrono + ligne de temps */
.ovc-chrono{
display:flex;align-items:baseline;gap:7px;margin:2px 0 6px;font-family:'Chakra Petch','Outfit',sans-serif;font-weight:700;color:var(--ovc-encre)
}
.ovc-home .ovc-chrono b{
font-size:2.6rem;line-height:1;font-variant-numeric:tabular-nums;transition:color .3s
}
.ovc-home .ovc-porte.ovc-active .ovc-chrono b{
color:var(--ovc-bleu)
}
.ovc-home .ovc-chrono span{
font-size:1rem;color:var(--ovc-encre-doux);font-weight:600
}
.ovc-home /* piste animée : la voiture va de l'inspection à la vente */
.ovc-piste{
position:relative;height:56px;margin:10px 0 14px
}
.ovc-home .ovc-piste .ovc-rail{
position:absolute;left:6px;right:6px;top:26px;height:3px;background:var(--ovc-chrome-2);border-radius:99px
}
.ovc-home .ovc-piste .ovc-rail::after{
content:"";position:absolute;inset:0;border-radius:99px;background:repeating-linear-gradient(90deg,var(--ovc-chrome-fort) 0 7px,transparent 7px 14px);opacity:.7
}
.ovc-home .ovc-piste .ovc-trace{
position:absolute;left:6px;top:26px;height:3px;width:0;background:var(--ovc-bleu);border-radius:99px
}
.ovc-home .ovc-piste .ovc-jalon{
position:absolute;top:20px;width:15px;height:15px;border-radius:50%;background:#fff;border:3px solid var(--ovc-chrome-fort)
}
.ovc-home .ovc-piste .ovc-jalon.a{
left:0
}
.ovc-home .ovc-piste .ovc-jalon.b{
right:0;border-color:var(--ovc-bleu)
}
.ovc-home .ovc-piste .ovc-auto{
position:absolute;top:8px;left:0;width:38px;color:var(--ovc-bleu);opacity:0
}
.ovc-home .ovc-piste .ovc-auto svg{
width:38px;height:auto;display:block
}
.ovc-home .ovc-piste .ovc-rep{
position:absolute;top:40px;font-family:'Chakra Petch','Outfit',sans-serif;font-size:.78rem;letter-spacing:.04em;color:var(--ovc-encre-doux);font-weight:600
}
.ovc-home .ovc-piste .ovc-rep.ovc-fin{
right:0
}
.ovc-home .ovc-porte.ovc-jouee .ovc-auto{
animation:ovc-roule var(--ovc-vitesse,3.4s) cubic-bezier(.45,.05,.35,1) .3s infinite
}
.ovc-home .ovc-porte.ovc-jouee .ovc-trace{
animation:ovc-remplit var(--ovc-vitesse,3.4s) cubic-bezier(.45,.05,.35,1) .3s infinite
}
@keyframes ovc-roule{
0%{
left:0;opacity:0
}
7%{
left:0;opacity:1
}
58%{
left:calc(100% - 38px);opacity:1
}
88%{
left:calc(100% - 38px);opacity:1
}
96%{
left:calc(100% - 38px);opacity:0
}
100%{
left:0;opacity:0
}
}
@keyframes ovc-remplit{
0%{
width:0
}
7%{
width:0
}
58%{
width:calc(100% - 12px)
}
92%{
width:calc(100% - 12px)
}
97%{
width:calc(100% - 12px);opacity:.25
}
100%{
width:0;opacity:1
}
}
.ovc-home /* bandeau réassurance */
.ovc-reassurance{
margin-top:80px;padding:44px 0
}
.ovc-home .ovc-reassurance .ovc-enveloppe{
display:grid;grid-template-columns:repeat(4,1fr);gap:16px
}
.ovc-home .ovc-rea{
background:#fff;border:1px solid var(--ovc-chrome);border-radius:var(--ovc-rayon);padding:24px 20px;text-align:center;font-family:'Sora','Outfit',sans-serif;font-size:1.02rem;font-weight:600;line-height:1.3;box-shadow:0 10px 26px rgba(11,27,51,.07);transition:transform .25s,box-shadow .25s,border-color .25s
}
.ovc-home .ovc-rea:hover{
transform:translateY(-4px);border-color:var(--ovc-bleu);box-shadow:0 18px 38px rgba(10,108,241,.14)
}
.ovc-home .ovc-rea .ovc-pic{
width:46px;height:46px;margin:0 auto 14px;border-radius:13px;background:rgba(10,108,241,.10);color:var(--ovc-bleu);display:grid;place-items:center
}
.ovc-home .ovc-rea .ovc-pic svg{
width:24px;height:24px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round
}
.ovc-home .ovc-rea small{
display:block;font-family:'Manrope','DM Sans',sans-serif;font-weight:500;color:var(--ovc-encre-doux);font-size:.88rem;margin-top:6px;line-height:1.45
}
/* sections */
.ovc-home section{
padding:110px 0
}
.ovc-home .ovc-tete{
max-width:60ch;margin-bottom:56px
}
.ovc-home .ovc-tete h2{
margin-top:12px
}
.ovc-home .ovc-tete p{
margin-top:14px;color:var(--ovc-encre-doux);font-size:1.06rem
}
.ovc-home /* déroulé en 3 photos */
.ovc-deroule{
display:grid;grid-template-columns:repeat(3,1fr);gap:22px
}
.ovc-home .ovc-pas{
background:#fff;border:1px solid var(--ovc-chrome);border-radius:var(--ovc-rayon);overflow:hidden
}
.ovc-home .ovc-pas .ovc-visuel{
aspect-ratio:4/3;overflow:hidden;background:var(--ovc-brume)
}
.ovc-home .ovc-pas .ovc-visuel img{
width:100%;height:100%;object-fit:cover;transition:transform .8s ease
}
.ovc-home .ovc-pas:hover .ovc-visuel img{
transform:scale(1.04)
}
.ovc-home .ovc-pas .ovc-corps{
padding:22px 22px 26px
}
.ovc-home .ovc-pas .ovc-num{
font-family:'Chakra Petch','Outfit',sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.12em;color:var(--ovc-bleu);margin-bottom:8px
}
.ovc-home .ovc-pas h3{
font-size:1.12rem;margin-bottom:6px
}
.ovc-home .ovc-pas p{
font-size:.95rem;color:var(--ovc-encre-doux)
}
.ovc-home /* deux chemins d'étapes */
.ovc-jeu{
display:none
}
.ovc-home .ovc-jeu.ovc-actif{
display:grid
}
.ovc-home .ovc-note-astq{
font-size:.82rem;color:var(--ovc-encre-doux);margin-top:14px
}
.ovc-home .ovc-priorite-bis{
margin:0 0 34px
}
.ovc-home /* frictions */
.ovc-frictions{
display:grid;grid-template-columns:repeat(3,1fr);gap:20px
}
.ovc-home .ovc-friction{
padding:26px 24px;border-left:3px solid var(--ovc-chrome-fort);background:var(--ovc-brume);border-radius:0 var(--ovc-rayon-s) var(--ovc-rayon-s) 0
}
.ovc-home .ovc-friction h3{
font-size:1.05rem;margin-bottom:7px
}
.ovc-home .ovc-friction p{
font-size:.95rem;color:var(--ovc-encre-doux)
}
.ovc-home /* comparatif — argent brossé */
.ovc-onglets{
display:inline-flex;background:rgba(255,255,255,.6);padding:5px;border-radius:11px;margin-bottom:30px;gap:4px;border:1px solid var(--ovc-chrome-fort)
}
.ovc-home .ovc-onglet{
font-family:'Manrope','DM Sans',sans-serif;font-weight:700;font-size:.96rem;color:var(--ovc-encre-doux);background:none;border:none;padding:11px 22px;border-radius:8px;cursor:pointer;transition:background .22s,color .22s
}
.ovc-home .ovc-onglet[aria-selected="true"]{
background:#fff;color:var(--ovc-encre)
}
.ovc-home .ovc-tableau{
display:grid;grid-template-columns:1.1fr 1fr 1fr;background:rgba(255,255,255,.55);border:1px solid var(--ovc-chrome-fort);border-radius:var(--ovc-rayon);overflow:hidden
}
.ovc-home .ovc-tableau div{
padding:17px 18px;border-bottom:1px solid var(--ovc-chrome-fort);font-size:.97rem
}
.ovc-home .ovc-tableau div:nth-last-child(-n+3){
border-bottom:none
}
.ovc-home .ovc-tableau .ovc-critere{
color:var(--ovc-encre-doux)
}
.ovc-home .ovc-tableau .ovc-val{
font-weight:600
}
.ovc-home .ovc-tableau .ovc-en-tete{
font-family:'Chakra Petch','Outfit',sans-serif;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;color:var(--ovc-encre);background:rgba(255,255,255,.75)
}
.ovc-home .ovc-mobile-only{
display:none
}
.ovc-home /* inspection — photo + écrans */
.ovc-duo{
display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center
}
.ovc-home .ovc-liste-nette{
list-style:none;margin-top:20px
}
.ovc-home .ovc-liste-nette li{
display:flex;gap:12px;padding:9px 0;border-bottom:1px solid var(--ovc-chrome-2);font-size:.99rem
}
.ovc-home .ovc-scene{
position:relative;height:560px
}
.ovc-home .ovc-scene .ovc-photo{
position:absolute;left:0;top:0;width:62%;height:100%;border-radius:var(--ovc-rayon);overflow:hidden;border:1px solid var(--ovc-chrome-fort)
}
.ovc-home .ovc-scene .ovc-photo img{
width:100%;height:100%;object-fit:cover;object-position:center 30%
}
.ovc-home .ovc-ecran{
position:absolute;width:150px;border-radius:18px;overflow:hidden;border:5px solid #0B1B33;background:#0B1B33;box-shadow:0 20px 40px rgba(11,27,51,.22);opacity:0;transform:translateY(40px) rotate(0deg);transition:opacity .6s ease,transform .8s cubic-bezier(.2,.8,.3,1)
}
.ovc-home .ovc-ecran img{
width:100%
}
.ovc-home .ovc-ecran-1{
right:26%;top:34px;--ovc-rot:-6deg
}
.ovc-home .ovc-ecran-2{
right:8%;top:120px;--ovc-rot:4deg
}
.ovc-home .ovc-ecran-3{
right:-2%;top:250px;--ovc-rot:9deg
}
.ovc-home .ovc-scene.ovc-vue .ovc-ecran{
opacity:1;transform:translateY(0) rotate(var(--ovc-rot))
}
.ovc-home .ovc-scene.ovc-vue .ovc-ecran-2{
transition-delay:.15s
}
.ovc-home .ovc-scene.ovc-vue .ovc-ecran-3{
transition-delay:.3s
}
.ovc-home .ovc-bulle{
position:absolute;left:14px;bottom:18px;background:#fff;border-radius:12px;padding:12px 16px;font-size:.88rem;font-weight:600;border:1px solid var(--ovc-chrome-fort);box-shadow:0 10px 24px rgba(11,27,51,.12);max-width:260px
}
.ovc-home .ovc-bulle small{
display:block;font-weight:500;color:var(--ovc-encre-doux)
}
.ovc-home /* le gérant */
.ovc-moi{
display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:center
}
.ovc-home .ovc-portrait{
position:relative;border-radius:var(--ovc-rayon);overflow:hidden;aspect-ratio:4/5;background:var(--ovc-argent);border:1px solid var(--ovc-chrome-fort);display:grid;place-items:center;text-align:center
}
.ovc-home .ovc-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.ovc-home .ovc-portrait .ovc-init{
font-family:'Sora','Outfit',sans-serif;font-weight:700;font-size:4rem;color:var(--ovc-chrome-fort);letter-spacing:-.04em
}
.ovc-home .ovc-portrait small{
position:absolute;bottom:16px;left:0;right:0;font-size:.78rem;color:var(--ovc-encre-doux)
}
.ovc-home .ovc-signature{
font-family:'Sora','Outfit',sans-serif;font-weight:600;font-size:1.1rem;margin-top:24px
}
.ovc-home .ovc-signature small{
display:block;font-family:'Manrope','DM Sans',sans-serif;font-weight:500;font-size:.9rem;color:var(--ovc-encre-doux);margin-top:2px
}
.ovc-home .ovc-moi .ovc-tel-ligne{
margin-top:20px
}
.ovc-home /* FAQ */
.ovc-faq{
max-width:820px
}
.ovc-home .ovc-q{
border-bottom:1px solid var(--ovc-chrome-2)
}
.ovc-home .ovc-q summary{
list-style:none
}
.ovc-home .ovc-q summary::-webkit-details-marker{
display:none
}
.ovc-home .ovc-q button{
width:100%;text-align:left;background:none;border:none;cursor:pointer;font-family:'Sora','Outfit',sans-serif;font-size:1.06rem;font-weight:500;color:var(--ovc-encre);padding:22px 44px 22px 0;position:relative
}
.ovc-home .ovc-q button::after{
content:"+";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-family:'Chakra Petch','Outfit',sans-serif;font-size:1.5rem;color:var(--ovc-bleu)
}
.ovc-home .ovc-q[open] button::after{
content:"–"
}
.ovc-home .ovc-q .ovc-rep{
max-height:0;overflow:hidden;transition:max-height .3s ease
}
.ovc-home .ovc-q[open] .ovc-rep{
max-height:340px
}
.ovc-home .ovc-q .ovc-rep p{
padding:0 0 22px;color:var(--ovc-encre-doux);font-size:1rem
}
.ovc-home /* appel final */
.ovc-final{
background:var(--ovc-bleu);color:#fff;text-align:center
}
.ovc-home .ovc-final h2{
color:#fff;margin:0 auto
}
.ovc-home .ovc-final p{
margin:16px auto 30px;color:#fff;max-width:52ch
}
.ovc-home .ovc-final .ovc-duo-boutons{
display:flex;gap:14px;justify-content:center;flex-wrap:wrap
}
/* pied */
.ovc-home .ovc-pied-zone{
padding:60px 0 30px;font-size:.94rem;color:var(--ovc-encre-doux)
}
.ovc-home .ovc-pied{
display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:34px
}
.ovc-home .ovc-pied-zone h4{
font-family:'Chakra Petch','Outfit',sans-serif;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ovc-encre);margin-bottom:14px
}
.ovc-home .ovc-pied-zone a{
display:block;padding:5px 0;transition:color .2s
}
.ovc-home .ovc-pied-zone a:hover{
color:var(--ovc-bleu)
}
.ovc-home .ovc-bas{
margin-top:44px;padding-top:22px;border-top:1px solid var(--ovc-chrome-fort);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.86rem
}
.ovc-home /* téléphone dans l'en-tête */
.ovc-tel-header{
display:inline-flex;align-items:center;gap:9px;font-family:'Chakra Petch','Outfit',sans-serif;font-weight:700;font-size:1.02rem;color:var(--ovc-encre);padding:10px 18px;border:2px solid var(--ovc-chrome-fort);border-radius:var(--ovc-rayon-s);transition:border-color .2s,color .2s
}
.ovc-home .ovc-tel-header:hover{
border-color:var(--ovc-bleu);color:var(--ovc-bleu)
}
.ovc-home .ovc-tel-header .ovc-pic{
width:9px;height:9px;border-radius:50%;background:var(--ovc-succes)
}
.ovc-home /* contact direct */
.ovc-contact-direct{
display:flex;gap:12px;flex-wrap:wrap;margin-top:24px
}
.ovc-home .ovc-contact-direct .ovc-bouton{
padding:12px 20px;font-size:.95rem
}
.ovc-home .ovc-wa{
background:var(--ovc-succes);color:#fff;border-color:var(--ovc-succes);display:none
}
.ovc-home .ovc-wa:hover{
background:#0E8341;border-color:#0E8341
}
.ovc-home .ovc-glisse{
display:none;font-family:'Chakra Petch','Outfit',sans-serif;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ovc-encre-doux);margin:0 0 10px
}
.ovc-home .ovc-tel-ligne{
display:inline-flex;align-items:center;gap:10px;font-family:'Chakra Petch','Outfit',sans-serif;font-weight:700;font-size:1.25rem;letter-spacing:.02em;color:var(--ovc-encre)
}
.ovc-barre-mobile{
display:none
}
.ovc-home /* révélation */
.ovc-rev{
opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease
}
.ovc-home .ovc-rev.ovc-vue{
opacity:1;transform:none
}
/* ─── INTERMEDIATION EN JAUNE ───
   Deux prestations, deux couleurs : le rachat direct garde le bleu, la vente
   accompagnee prend le jaune de la charte. Tout ce qui etait bleu dans la
   carte B bascule, y compris la pastille du selecteur quand on choisit B.
   Texte en encre sur le jaune, jamais en blanc. */
@keyframes ovc-halo-jaune{
0%{
box-shadow:0 0 0 0 rgba(251,234,50,.55)
}
70%{
box-shadow:0 0 0 14px rgba(251,234,50,0)
}
100%{
box-shadow:0 0 0 0 rgba(251,234,50,0)
}
}
.ovc-home .ovc-portes.ovc-prete .ovc-porte-b.ovc-active{
border-color:var(--ovc-jaune-fonce);box-shadow:0 18px 40px var(--ovc-ombre-jaune)
}
.ovc-home .ovc-portes .ovc-porte-b.ovc-active .ovc-rang{
background:var(--ovc-jaune);color:var(--ovc-sur-jaune)
}
.ovc-home .ovc-portes .ovc-porte-b.ovc-active .ovc-chrono b{
color:var(--ovc-jaune-texte)
}
.ovc-home .ovc-portes .ovc-porte-b .ovc-piste .ovc-trace{
background:var(--ovc-jaune)
}
.ovc-home .ovc-portes .ovc-porte-b .ovc-piste .ovc-jalon.b{
border-color:var(--ovc-jaune)
}
.ovc-home .ovc-portes .ovc-porte-b .ovc-piste .ovc-auto{
color:var(--ovc-jaune)
}
.ovc-home .ovc-portes .ovc-porte-b .ovc-bouton-plein{
background:var(--ovc-jaune);color:var(--ovc-sur-jaune)
}
.ovc-home .ovc-portes .ovc-porte-b .ovc-bouton-plein:hover{
background:var(--ovc-jaune-fonce);color:var(--ovc-sur-jaune)
}
.ovc-home .ovc-portes .ovc-porte-b.ovc-active .ovc-bouton-plein{
animation-name:ovc-halo-jaune
}
/* les trois etapes suivent le chemin choisi : bleu pour le rachat direct,
   dore pour l'intermediation. Le dore fonce est le seul jaune lisible sur
   blanc a cette taille de texte. */
.ovc-home .ovc-jeu-b .ovc-num{
color:var(--ovc-jaune-lien)
}
/* le comparatif, lui, ne bascule pas : les deux colonnes sont colorees en
   permanence, pour qu'on sache toujours laquelle on lit. */
.ovc-home .ovc-tableau .ovc-col-a{
background:rgba(10,108,241,.055)
}
.ovc-home .ovc-tableau .ovc-col-b{
background:rgba(251,234,50,.13)
}
.ovc-home .ovc-tableau .ovc-en-tete.ovc-col-a{
background:var(--ovc-bleu);color:#fff
}
.ovc-home .ovc-tableau .ovc-en-tete.ovc-col-b{
background:var(--ovc-jaune);color:var(--ovc-sur-jaune)
}
.ovc-home .ovc-onglet[data-vue="a"][aria-selected="true"]{
background:var(--ovc-bleu);color:#fff
}
.ovc-home .ovc-onglet[data-vue="b"][aria-selected="true"]{
background:var(--ovc-jaune);color:var(--ovc-sur-jaune)
}

@media (max-width:900px){
.ovc-barre-mobile{
display:grid;grid-template-columns:76px 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:70;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid var(--ovc-chrome-fort);transition:transform .3s ease
}
/* dans le hero, le bouton d'estimation est deja sous les yeux : la barre
   s'efface le temps du premier ecran et rend sa hauteur au contenu.
   C'est le script qui pose la classe : sans lui, la barre reste visible. */
body.ovc-barre-cachee .ovc-barre-mobile{
transform:translateY(115%)
}
.ovc-barre-mobile .ovc-bouton{
padding:14px 10px;font-size:.98rem;width:100%
}
/* le combine seul se fait comprendre : le libelle part, la place revient
   a WhatsApp, et la cible de tap reste large. */
.ovc-barre-mobile .ovc-barre-tel{
padding-left:0;padding-right:0
}
.ovc-home .ovc-wa{
display:inline-flex
}
.ovc-home .ovc-hero-haut{
grid-template-columns:1fr;gap:20px;min-height:0;padding-top:28px
}
.ovc-home .ovc-hero-photo{
height:100%;background-position:72% 8%
}
.ovc-home .ovc-hero-photo::after{
background:linear-gradient(180deg,rgba(255,255,255,.93) 0%,rgba(255,255,255,.88) 45%,rgba(255,255,255,.92) 100%)
}
.ovc-home .ovc-hero-visuel{
min-height:150px
}
.ovc-home .ovc-pastille-1{
left:0;bottom:0
}
.ovc-home .ovc-pastille-2{
right:0;top:0
}
.ovc-home .ovc-tel-header{
display:none
}
body.ovc-home-page{
padding-bottom:78px
}
.ovc-home .ovc-portes, .ovc-home .ovc-frictions, .ovc-home .ovc-duo, .ovc-home .ovc-pied, .ovc-home .ovc-reassurance .ovc-enveloppe, .ovc-home .ovc-deroule, .ovc-home .ovc-moi{
grid-template-columns:1fr
}
.ovc-home .ovc-rea{
text-align:left;display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:center
}
.ovc-home .ovc-rea .ovc-pic{
margin:0
}
.ovc-home .ovc-rea small{
grid-column:2
}
.ovc-home .nav{
display:none
}
.ovc-home .ovc-tableau{
grid-template-columns:1fr 1fr
}
.ovc-home .ovc-desktop-only{
display:none
}
.ovc-home .ovc-mobile-only{
display:inline-flex
}
.ovc-home section{
padding:72px 0
}
.ovc-home .ovc-scene{
height:440px
}
.ovc-home .ovc-ecran{
width:110px
}
.ovc-home .ovc-portes.ovc-prete .ovc-porte.ovc-repos{
opacity:1
}
}
/* ─── TELEPHONES ET TABLETTES : jusqu'a 900 px ───
   Accueil dedie au mobile : on ne retrecit pas le bureau, on recompose.
   Objectif tenu par ce bloc : la page passe d'une quinzaine d'ecrans a
   sept environ, sans rien retirer du discours.
   Depuis le 17/09/2026 ce bloc couvre aussi les tablettes et les
   telephones en paysage : entre 601 et 900 px la photo se zoomait
   demesurement et les deux cartes s'empilaient. Une seule bascule,
   a 900 px, entre la version bureau et la version telephone. */
@media (max-width:900px){

/* -- respiration : les marges du bureau doublaient les hauteurs -- */
.ovc-home section{
padding:46px 0
}
.ovc-home .ovc-enveloppe{
padding:0 18px
}
.ovc-home .ovc-tete{
margin-bottom:26px
}
.ovc-home .ovc-tete p{
font-size:1rem
}
.ovc-home .ovc-reassurance{
margin-top:0;padding:26px 0
}
.ovc-home [id]{
scroll-margin-top:86px
}

/* -- hero --
   La photo d'accueil reste au telephone, comme sur grand ecran. Elle est
   cadree sur la droite de l'image, la ou se tient le gerant, et le voile
   est fort en haut a gauche — derriere le titre — puis s'allege vers le bas
   a droite : le texte reste net, la photo se devine. Le degrade de la carte
   sert de fond sous la photo et prend le relais plus bas. */
.ovc-home .ovc-hero-photo{
display:block;height:520px;background-position:78% 0%;background-size:cover
}
.ovc-home .ovc-hero-photo::after{
background:linear-gradient(118deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.72) 38%,rgba(255,255,255,.25) 68%,rgba(255,255,255,.05) 100%)
}
.ovc-home .ovc-hero-photo::before{
height:210px
}
.ovc-home .ovc-hero{
background:linear-gradient(168deg,#FFFFFF 0%,#E8F1FE 48%,#F6FAFF 100%)
}
.ovc-home .ovc-hero h1{
font-size:1.95rem;max-width:none
}
.ovc-home .ovc-hero .ovc-chapeau{
font-size:1.04rem;margin-top:14px
}
/* halos et cercles decoratifs : ils remplacaient la photo tant qu'elle etait
   masquee au telephone. Elle est revenue, ils feraient doublon. */
.ovc-home .ovc-halo-1,
.ovc-home .ovc-halo-2{
display:none
}
.ovc-home .ovc-hero-haut{
padding-top:30px;padding-bottom:6px;gap:10px;position:relative
}
.ovc-home .ovc-hero-texte{
position:relative;z-index:2
}
.ovc-home .ovc-hero .ovc-etiquette{
margin-bottom:14px
}
.ovc-home .ovc-hero-visuel{
display:none
}
.ovc-home .ovc-hero-portes{
margin-top:22px
}
.ovc-home .ovc-hero-recherche{
margin-top:4px
}

/* -- curseur : pleine largeur, les deux poles aux extremites, la bille
      reste bien en vue sous le pouce et ne touche pas la carte -- */
.ovc-home .ovc-priorite{
margin:20px 0 26px
}
.ovc-home .ovc-bascule{
width:100%;gap:16px;padding-bottom:32px
}
/* le rail ne prend que la moitie de la largeur, centre ; chaque libelle est
   centre sur son pole, au-dessus des deux bouts du rail */
.ovc-home .ovc-curseur{
left:25%;right:25%
}
.ovc-home .ovc-bascule button,
.ovc-home .ovc-bascule button:last-of-type{
padding-bottom:12px;min-height:48px;align-items:center;text-align:center
}
.ovc-home .ovc-bascule button b{
font-size:.98rem
}
.ovc-home .ovc-bascule button small{
font-size:.76rem
}

/* -- une seule carte a la fois : c'est le selecteur qui commande -- */
.ovc-home .ovc-portes .ovc-porte{
display:none
}
.ovc-home .ovc-portes .ovc-porte.ovc-active{
display:block;
opacity:1;
transform:none
}
.ovc-home .ovc-porte.ovc-entree{
transform:none
}
.ovc-home .ovc-porte{
padding:20px 18px 22px
}
.ovc-home .ovc-porte h3,.ovc-home .ovc-porte h2{
font-size:1.32rem
}
.ovc-home .ovc-porte p{
min-height:0;font-size:.96rem
}
.ovc-home .ovc-porte ul{
margin:4px 0 18px
}
.ovc-home .ovc-chrono b{
font-size:2.2rem
}
.ovc-home .ovc-note-astq{
font-size:.82rem;margin-top:10px
}
.ovc-home sup{
font-size:.68em
}

/* -- reassurance : quatre lignes pleine largeur, c'etait un ecran entier -- */
.ovc-home .ovc-reassurance .ovc-enveloppe{
grid-template-columns:1fr 1fr;gap:10px
}
.ovc-home .ovc-rea{
display:block;text-align:center;padding:16px 10px;font-size:.9rem;box-shadow:0 6px 16px rgba(11,27,51,.06)
}
.ovc-home .ovc-rea .ovc-pic{
width:38px;height:38px;margin:0 auto 9px;border-radius:11px
}
.ovc-home .ovc-rea .ovc-pic svg{
width:20px;height:20px
}
.ovc-home .ovc-rea small{
font-size:.79rem;margin-top:4px
}

/* -- deroule : les trois etapes en liste, photo a gauche et texte a
      droite. Le carrousel a glisser faisait doublon avec le curseur juste
      au-dessus : deux gestes horizontaux a la suite, c'etait trop. -- */
.ovc-home .ovc-jeu.ovc-actif{
display:grid;grid-template-columns:1fr;gap:10px
}
.ovc-home .ovc-pas{
display:grid;grid-template-columns:108px 1fr;align-items:stretch
}
.ovc-home .ovc-pas .ovc-visuel{
aspect-ratio:auto;height:100%;min-height:108px
}
.ovc-home .ovc-pas .ovc-corps{
padding:12px 14px;align-self:center
}
.ovc-home .ovc-pas .ovc-num{
margin-bottom:3px;font-size:.72rem
}
.ovc-home .ovc-pas h3{
font-size:1rem;margin-bottom:3px
}
.ovc-home .ovc-pas p{
font-size:.88rem;line-height:1.4
}
.ovc-home .ovc-priorite-bis{
margin:0 0 18px
}

/* -- comparatif --
   Les onglets n'affichaient qu'une offre a la fois : on ne voyait jamais les
   deux couleurs ensemble, donc plus de comparaison possible. En dessous de
   600 px les deux colonnes tiennent cote a cote si le critere passe en
   intertitre pleine largeur au lieu d'occuper une troisieme colonne. */
.ovc-home .ovc-onglets{
display:none
}
.ovc-home .ovc-tableau{
grid-template-columns:1fr 1fr
}
.ovc-home .ovc-tableau .ovc-critere{
grid-column:1 / -1;background:#fff;color:var(--ovc-encre);font-weight:600;font-size:.85rem;padding:12px 14px 4px;border-bottom:none;text-align:center
}
.ovc-home .ovc-tableau .ovc-critere.ovc-en-tete{
display:none
}
.ovc-home .ovc-tableau .ovc-val{
font-size:.9rem;padding:8px 12px 14px;line-height:1.35
}
.ovc-home .ovc-tableau .ovc-en-tete{
font-size:.72rem;padding:12px 10px
}

/* -- frictions -- */
.ovc-home .ovc-frictions{
gap:10px
}
.ovc-home .ovc-friction{
padding:16px 16px
}

/* -- inspection : le montage en trois ecrans superposes est fait pour une
      colonne large. Au telephone ils se chevauchaient et la bulle passait
      par-dessus. On remet tout a plat : photo, puis les ecrans cote a cote,
      puis la bulle. -- */
.ovc-home .ovc-duo{
gap:26px
}
.ovc-home .ovc-scene{
position:static;height:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:start
}
.ovc-home .ovc-scene .ovc-photo{
position:static;grid-column:1 / -1;width:100%;height:200px
}
.ovc-home .ovc-scene.ovc-vue .ovc-ecran,
.ovc-home .ovc-scene .ovc-ecran{
position:static;width:auto;opacity:1;transform:none;border-width:3px;border-radius:12px;box-shadow:0 8px 18px rgba(11,27,51,.18);transition-delay:0s
}
.ovc-home .ovc-bulle{
position:static;grid-column:1 / -1;max-width:none;margin:2px 0 0
}
.ovc-home .ovc-liste-nette li{
padding:8px 0;font-size:.96rem
}

/* -- FAQ -- */
.ovc-home .ovc-q button{
padding:16px 40px 16px 0;font-size:1rem
}
.ovc-home .ovc-q .ovc-rep p{
padding-bottom:16px;font-size:.97rem
}

/* -- appel final -- */
.ovc-home .ovc-final .ovc-duo-boutons{
flex-direction:column;gap:10px
}
.ovc-home .ovc-final .ovc-bouton{
width:100%
}
}

@media (prefers-reduced-motion:reduce){

.ovc-home .ovc-rev, .ovc-home .ovc-porte, .ovc-home .ovc-ecran{
opacity:1!important;transform:none!important
}
.ovc-home .ovc-piste .ovc-trace{
width:calc(100% - 12px)
}
.ovc-home .ovc-piste .ovc-auto{
opacity:1;left:calc(100% - 38px)
}
}
body.ovc-home-page .site-container,
body.ovc-home-page .content-container,
body.ovc-home-page .content-area,
body.ovc-home-page .entry-content-wrap,
body.ovc-home-page .entry-content{max-width:none;width:100%;padding-left:0;padding-right:0;margin-left:0;margin-right:0}
body.ovc-home-page .site-main{padding:0}
body.ovc-home-page .entry-hero-container-inner,
body.ovc-home-page .page-title,
body.ovc-home-page .entry-header{display:none}
body.ovc-home-page .content-area,
body.ovc-home-page .site-container,
body.ovc-home-page .entry-content-wrap{max-width:100%;padding-left:0;padding-right:0;margin:0}
body.ovc-home-page .entry-content>*{margin-block:0}
/* -- bloc En bref, sous la reassurance -- */
.ovc-home .ovc-enbref{
padding:44px 0 0
}
.ovc-home .ovc-enbref-boite{
max-width:880px;margin:0 auto;background:var(--ovc-brume);border-left:3px solid var(--ovc-bleu);border-radius:0 var(--ovc-rayon) var(--ovc-rayon) 0;padding:22px 26px
}
.ovc-home .ovc-enbref-boite .ovc-etiquette{
margin-bottom:8px
}
.ovc-home .ovc-enbref-boite p:last-child{
color:var(--ovc-encre);font-size:1rem;line-height:1.6;max-width:none
}
@media (max-width:900px){
.ovc-home .ovc-enbref{
padding:28px 0 0
}
.ovc-home .ovc-enbref-boite{
padding:18px 18px
}
}

/* -- glissiere du telephone : cartes et trois etapes --
   Les deux volets sont cote a cote, 36 px d'ecart (les deux marges de
   l'enveloppe), si bien que le volet cache attend juste hors de l'ecran.
   --i dit lequel est montre, --dx suit le doigt pendant le geste. */
.ovc-home .ovc-points{
display:none
}
@media (max-width:900px){
.ovc-home .ovc-glissiere{
display:flex!important;align-items:flex-start;gap:36px;overflow:hidden;margin:0 -18px;padding:8px 18px 18px;touch-action:pan-y;--i:0
}
.ovc-home .ovc-glissiere[data-choix="b"]{
--i:1
}
.ovc-home .ovc-glissiere > *{
flex:0 0 100%;min-width:0;opacity:1!important;
transform:translate3d(calc(var(--i) * (-100% - 36px) + var(--dx, 0px)),0,0)!important;
transition:transform .45s cubic-bezier(.22,.9,.28,1)!important;will-change:transform
}
.ovc-home .ovc-glissiere.ovc-tire > *{
transition:none!important
}
.ovc-home .ovc-portes.ovc-glissiere > .ovc-porte{
display:block!important
}
.ovc-home .ovc-jeux.ovc-glissiere > .ovc-jeu{
display:grid!important;grid-template-columns:1fr;gap:10px
}
.ovc-home .ovc-jeux.ovc-glissiere{
padding-top:2px;padding-bottom:6px
}
.ovc-home .ovc-points{
display:flex;justify-content:center;gap:8px;margin:0
}
.ovc-home .ovc-points span{
display:block;width:8px;height:8px;border-radius:99px;background:var(--ovc-chrome-fort);transition:width .3s ease,background .3s ease;cursor:pointer
}
.ovc-home .ovc-glissiere[data-choix="a"] ~ .ovc-points .ovc-point-a{
width:24px;background:var(--ovc-bleu)
}
.ovc-home .ovc-glissiere[data-choix="b"] ~ .ovc-points .ovc-point-b{
width:24px;background:#FBEA32
}
}
@media (max-width:900px) and (prefers-reduced-motion:reduce){
.ovc-home .ovc-glissiere > *{
transition:none!important
}
}

/* -- curseur du hero au telephone : il tombait sur le bas de la photo et
      se lisait mal. Il passe dans une pastille blanche voilee, comme les
      cartes qu'il commande. -- */
@media (max-width:900px){
.ovc-home .ovc-hero-portes .ovc-priorite{
background:rgba(255,255,255,.84);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);border:1px solid rgba(255,255,255,.95);border-radius:var(--ovc-rayon);box-shadow:0 10px 28px rgba(11,27,51,.12);padding:14px 10px 2px;margin:18px 0 20px
}
}

/* -- hero : titre et chapeau plus grands -- */
.ovc-home .ovc-hero h1{
font-size:clamp(2.6rem,4.6vw,4.2rem);font-weight:700;line-height:1.06;letter-spacing:-0.03em;max-width:none;width:min(640px,44vw);position:relative;z-index:2
}
.ovc-home .ovc-hero .ovc-accent{
white-space:nowrap
}
.ovc-home .ovc-hero .ovc-chapeau{
font-size:1.36rem;line-height:1.55;margin-top:26px;max-width:46ch;color:var(--ovc-encre)
}
@media (max-width:900px){
.ovc-home .ovc-hero h1{
font-size:2.35rem;max-width:none;width:auto
}
.ovc-home .ovc-hero .ovc-chapeau{
font-size:1.12rem;margin-top:14px;max-width:none
}
}

/* -- trois etapes au telephone : effet miroir entre les deux formules --
      rachat direct : photo a gauche, texte a droite ;
      vente accompagnee : texte a gauche, photo a droite. -- */
@media (max-width:900px){
.ovc-home .ovc-jeu-b .ovc-pas{
grid-template-columns:1fr 108px
}
.ovc-home .ovc-jeu-b .ovc-pas .ovc-visuel{
order:2
}
.ovc-home .ovc-jeu-b .ovc-pas .ovc-corps{
order:1;text-align:right
}
}

/* -- le curseur suit le doigt pendant qu'on fait glisser cartes ou etapes -- */
.ovc-home .ovc-bascule.ovc-suit .ovc-bille{
left:calc(var(--p) * 100%) !important;transition:border-color .35s
}
.ovc-home .ovc-bascule.ovc-suit .ovc-curseur::after{
transform:translateX(calc(var(--p) * 100%)) !important;transition:background .35s
}

/* ─── VALEUR MARCHE ET ZONE D'INTERVENTION (24/10/2026) ───
   Deux blocs animes a l'apparition (classe ovc-vue posee par l'observateur
   des ovc-rev) : un compteur a rouleaux qui s'arrete sur la valeur marche,
   puis la carte d'Ile-de-France ou les trois departements desservis
   s'allument l'un apres l'autre. Aucun script supplementaire. */
.ovc-home .ovc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ovc-home .ovc-valeur{padding:90px 0;background:var(--ovc-brume)}
.ovc-home .ovc-valeur-boite{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;background:#fff;border:1px solid var(--ovc-chrome-2);border-radius:24px;padding:48px 56px;box-shadow:0 18px 40px rgba(11,27,51,.06)}
.ovc-home .ovc-valeur-texte h2{font-family:'Sora','Outfit',sans-serif;font-weight:800;font-size:2.6rem;line-height:1.1;letter-spacing:-.02em;margin:12px 0 14px}
.ovc-home .ovc-valeur-texte p{color:var(--ovc-encre-doux);font-size:1.12rem;margin-bottom:26px}
.ovc-home .ovc-compteur-boite{text-align:center}
.ovc-home .ovc-compteur-titre{font-family:'Chakra Petch','Outfit',sans-serif;font-weight:600;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ovc-encre-doux)}
.ovc-home .ovc-compteur{display:flex;justify-content:center;align-items:center;font-family:'Sora','Outfit',sans-serif;font-weight:800;font-size:4.6rem;line-height:1;color:var(--ovc-encre);margin:10px 0 18px}
.ovc-home .ovc-compteur-roues{display:inline-flex}
.ovc-home .ovc-roue{display:inline-block;height:1.1em;overflow:hidden;line-height:1.1em}
.ovc-home .ovc-roue>span{display:block;transform:translateY(0);transition:transform 1.7s cubic-bezier(.15,.85,.25,1);transition-delay:calc(.35s + var(--r) * .12s)}
.ovc-home .ovc-roue>span>span{display:block;height:1.1em}
.ovc-home .ovc-roue-espace{display:inline-block;width:.28em}
.ovc-home .ovc-compteur-euro{margin-left:.18em}
.ovc-home .ovc-rev.ovc-vue .ovc-roue>span{transform:translateY(calc(var(--c) * -1.1em))}
.ovc-home .ovc-compteur-barre{height:12px;border-radius:999px;background:var(--ovc-chrome);overflow:hidden;max-width:420px;margin:0 auto}
.ovc-home .ovc-compteur-barre span{display:block;height:100%;width:0;border-radius:999px;background:var(--ovc-bleu);transition:width 1.8s ease .35s}
.ovc-home .ovc-rev.ovc-vue .ovc-compteur-barre span{width:100%}
.ovc-home .ovc-compteur-note{font-size:.85rem;color:var(--ovc-encre-doux);margin-top:12px}

.ovc-home .ovc-zone{padding:100px 0}
.ovc-home .ovc-zone-grille{display:grid;grid-template-columns:1fr 1.35fr;gap:56px;align-items:center}
.ovc-home .ovc-zone-texte h2{font-family:'Sora','Outfit',sans-serif;font-weight:800;font-size:2.5rem;line-height:1.1;letter-spacing:-.02em;margin:12px 0 16px}
.ovc-home .ovc-zone-texte>p{color:var(--ovc-encre-doux);font-size:1.12rem;margin-bottom:24px}
.ovc-home .ovc-zone-liens{display:flex;flex-direction:column;gap:10px}
.ovc-home .ovc-zone-liens a{display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid var(--ovc-chrome-2);border-radius:14px;color:var(--ovc-encre);text-decoration:none;font-weight:600;transition:border-color .25s,background .25s}
.ovc-home .ovc-zone-liens a:hover{border-color:var(--ovc-bleu);background:#F2F8FF}
.ovc-home .ovc-zone-liens b{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--ovc-bleu);color:#fff;font-family:'Sora','Outfit',sans-serif;font-weight:800}
.ovc-home .ovc-carte-svg{display:block;width:100%;height:auto;overflow:visible}
.ovc-home .ovc-carte-svg path{fill:var(--ovc-chrome);stroke:#fff;stroke-width:2;stroke-linejoin:round}
.ovc-home .ovc-dep-actif path{transform-box:fill-box;transform-origin:center;transition:fill .7s ease}
.ovc-home .ovc-dep-actif:hover path{fill:var(--ovc-encre)}
.ovc-home .ovc-carte.ovc-vue .ovc-dep-1 path{fill:var(--ovc-bleu);transition-delay:.3s;animation:ovcDepPop .8s ease .3s both}
.ovc-home .ovc-carte.ovc-vue .ovc-dep-2 path{fill:#2F86F5;transition-delay:.9s;animation:ovcDepPop .8s ease .9s both}
.ovc-home .ovc-carte.ovc-vue .ovc-dep-3 path{fill:var(--ovc-bleu-profond);transition-delay:1.5s;animation:ovcDepPop .8s ease 1.5s both}
@keyframes ovcDepPop{0%{transform:scale(1)}45%{transform:scale(1.05)}100%{transform:scale(1)}}
.ovc-home .ovc-carte-svg text{text-anchor:middle;font-family:'Sora','Outfit',sans-serif;pointer-events:none}
.ovc-home .ovc-dep-num-gris{font-size:20px;font-weight:700;fill:#9AA6B8}
.ovc-home .ovc-dep-num-petit{font-size:11px;font-weight:700;fill:#9AA6B8}
.ovc-home .ovc-dep-num{font-size:34px;font-weight:800;fill:#fff;opacity:0;transition:opacity .5s ease}
.ovc-home .ovc-dep-num-moyen{font-size:17px}
.ovc-home .ovc-dep-nom{font-size:13px;font-weight:600;fill:#fff;opacity:0;transition:opacity .5s ease}
.ovc-home .ovc-carte.ovc-vue .ovc-et-1{opacity:1;transition-delay:.8s}
.ovc-home .ovc-carte.ovc-vue .ovc-et-2{opacity:1;transition-delay:1.4s}
.ovc-home .ovc-carte.ovc-vue .ovc-et-3{opacity:1;transition-delay:2s}
@media (max-width:900px){
.ovc-home .ovc-valeur{padding:46px 0}
.ovc-home .ovc-valeur-boite{grid-template-columns:1fr;gap:28px;padding:28px 22px}
.ovc-home .ovc-valeur-texte h2,.ovc-home .ovc-zone-texte h2{font-size:1.85rem}
.ovc-home .ovc-compteur{font-size:3.2rem}
.ovc-home .ovc-zone{padding:46px 0}
.ovc-home .ovc-zone-grille{grid-template-columns:1fr;gap:28px}
}
@media (prefers-reduced-motion:reduce){
.ovc-home .ovc-roue>span,.ovc-home .ovc-compteur-barre span,.ovc-home .ovc-dep-actif path,.ovc-home .ovc-dep-num,.ovc-home .ovc-dep-nom{transition:none !important;animation:none !important}
}

/* ─── 24/10/2026 (v1.20.0) ───
   Elements masques sans etre supprimes : retirer la classe ovc-masque du
   gabarit pour les faire revenir. Compteur de la valeur marche refait en
   cadran de tableau de bord : l'aiguille balaie tout le cadran comme au
   demarrage d'une voiture, revient se poser, puis la valeur roule. */
.ovc-home .ovc-masque{display:none !important}
.ovc-home .ovc-jauge{position:relative;max-width:400px;margin:0 auto}
.ovc-home .ovc-jauge-svg{display:block;width:100%;height:auto;overflow:visible}
.ovc-home .ovc-jg-fond{fill:none;stroke:var(--ovc-chrome);stroke-width:14;stroke-linecap:round}
.ovc-home .ovc-jg-val{fill:none;stroke:url(#ovcJgDeg);stroke-width:14;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100}
.ovc-home .ovc-jg-maj{stroke:#9AA6B8;stroke-width:3;stroke-linecap:round}
.ovc-home .ovc-jg-min{stroke:#C9D2DE;stroke-width:2;stroke-linecap:round}
.ovc-home .ovc-jg-aiguille{transform-box:view-box;transform-origin:150px 132px;transform:rotate(150deg)}
.ovc-home .ovc-jg-aiguille path{fill:var(--ovc-encre)}
.ovc-home .ovc-jg-moyeu{fill:var(--ovc-encre)}
.ovc-home .ovc-jg-moyeu-c{fill:#fff}
.ovc-home .ovc-jg-point{fill:var(--ovc-bleu-profond);stroke:#fff;stroke-width:3;opacity:0}
.ovc-home .ovc-jg-onde{fill:none;stroke:var(--ovc-ciel,#3D9BFF);stroke-width:3;opacity:0;transform-box:fill-box;transform-origin:center}
.ovc-home .ovc-rev.ovc-vue .ovc-jg-aiguille{animation:ovcJgAiguille 2.6s cubic-bezier(.45,.05,.3,1) .3s both}
.ovc-home .ovc-rev.ovc-vue .ovc-jg-val{animation:ovcJgArc 2.6s cubic-bezier(.45,.05,.3,1) .3s both}
.ovc-home .ovc-rev.ovc-vue .ovc-jg-point{animation:ovcJgPoint .4s ease 2.8s both}
.ovc-home .ovc-rev.ovc-vue .ovc-jg-onde{animation:ovcJgOnde 1.8s ease-out 3s infinite}
@keyframes ovcJgAiguille{0%{transform:rotate(150deg)}45%{transform:rotate(390deg)}70%{transform:rotate(310deg)}86%{transform:rotate(332deg)}100%{transform:rotate(327.6deg)}}
@keyframes ovcJgArc{0%{stroke-dashoffset:100}45%{stroke-dashoffset:0}70%{stroke-dashoffset:33.3}86%{stroke-dashoffset:24.2}100%{stroke-dashoffset:26}}
@keyframes ovcJgPoint{from{opacity:0}to{opacity:1}}
@keyframes ovcJgOnde{0%{opacity:.75;transform:scale(1)}100%{opacity:0;transform:scale(2.8)}}
.ovc-home .ovc-jauge-ecran{text-align:center;margin-top:-2px}
.ovc-home .ovc-jauge .ovc-compteur{font-size:3.1rem;margin:2px 0 0}
.ovc-home .ovc-jauge .ovc-roue>span{transition-delay:calc(1.5s + var(--r) * .12s)}
@media (max-width:900px){
.ovc-home .ovc-jauge .ovc-compteur{font-size:2.5rem}
}
@media (prefers-reduced-motion:reduce){
.ovc-home .ovc-rev.ovc-vue .ovc-jg-aiguille,.ovc-home .ovc-rev.ovc-vue .ovc-jg-val,.ovc-home .ovc-rev.ovc-vue .ovc-jg-point,.ovc-home .ovc-rev.ovc-vue .ovc-jg-onde{animation:none}
.ovc-home .ovc-rev.ovc-vue .ovc-jg-aiguille{transform:rotate(327.6deg)}
.ovc-home .ovc-rev.ovc-vue .ovc-jg-val{stroke-dashoffset:26}
.ovc-home .ovc-rev.ovc-vue .ovc-jg-point{opacity:1}
}

/* ─── 24/10/2026 (v1.21.0) ───
   Cadran de la valeur en boucle, carte en radar permanent, bloc En bref
   recompose sans etiquette, video de presentation dans un ecran incline. */
.ovc-home .ovc-jauge .ovc-roue>span{transition:none}
.ovc-home .ovc-rev.ovc-vue .ovc-jg-aiguille{animation:ovcJgBoucle 8s cubic-bezier(.45,.05,.3,1) .2s infinite}
.ovc-home .ovc-rev.ovc-vue .ovc-jg-val{animation:ovcJgArcBoucle 8s cubic-bezier(.45,.05,.3,1) .2s infinite}
.ovc-home .ovc-jg-cible{opacity:0}
.ovc-home .ovc-rev.ovc-vue .ovc-jg-cible{animation:ovcJgCible 8s linear .2s infinite}
.ovc-home .ovc-rev.ovc-vue .ovc-jg-point{animation:none;opacity:1}
.ovc-home .ovc-rev.ovc-vue .ovc-jg-onde{animation:ovcJgOnde 1.6s ease-out infinite}
.ovc-home .ovc-rev.ovc-vue .ovc-jauge .ovc-roue>span{animation:ovcRoueBoucle 8s cubic-bezier(.15,.85,.25,1) calc(.2s + var(--r) * .1s) infinite}
@keyframes ovcJgBoucle{0%{transform:rotate(150deg)}18%{transform:rotate(390deg)}28%{transform:rotate(310deg)}34%{transform:rotate(332deg)}38%{transform:rotate(327.6deg)}50%{transform:rotate(330deg)}60%{transform:rotate(325.5deg)}72%{transform:rotate(329deg)}84%{transform:rotate(327.6deg)}92%{transform:rotate(150deg)}100%{transform:rotate(150deg)}}
@keyframes ovcJgArcBoucle{0%{stroke-dashoffset:100}18%{stroke-dashoffset:0}28%{stroke-dashoffset:33.3}34%{stroke-dashoffset:24.2}38%{stroke-dashoffset:26}50%{stroke-dashoffset:25}60%{stroke-dashoffset:26.9}72%{stroke-dashoffset:25.4}84%{stroke-dashoffset:26}92%{stroke-dashoffset:100}100%{stroke-dashoffset:100}}
@keyframes ovcJgCible{0%,36%{opacity:0}40%,86%{opacity:1}90%,100%{opacity:0}}
@keyframes ovcRoueBoucle{0%,22%{transform:translateY(0)}46%,86%{transform:translateY(calc(var(--c) * -1.1em))}95%,100%{transform:translateY(0)}}

.ovc-home .ovc-carte-svg .ovc-dep-actif path{fill:var(--ovc-bleu);animation:ovcRadarTouche 4s linear var(--t) infinite}
.ovc-home .ovc-carte-svg .ovc-dep-actif:hover path{fill:var(--ovc-encre);animation:none}
.ovc-home .ovc-carte-svg .ovc-dep-num,.ovc-home .ovc-carte-svg .ovc-dep-nom{opacity:1}
.ovc-home .ovc-radar{pointer-events:none}
.ovc-home .ovc-radar-cercle{fill:none;stroke:#0A6CF1;stroke-opacity:.14;stroke-width:1.5}
.ovc-home .ovc-carte-svg .ovc-radar-balai{fill:url(#ovcRadarDeg);stroke:none}
.ovc-home .ovc-radar-ligne{stroke:#3D9BFF;stroke-width:2;stroke-opacity:.85}
.ovc-home .ovc-radar-rotor{transform-box:view-box;transform-origin:311px 256px;animation:ovcRadarTour 4s linear infinite}
.ovc-home .ovc-radar-ping{fill:none;stroke:#fff;stroke-width:2.5;opacity:0;transform-box:fill-box;transform-origin:center;animation:ovcRadarPing 4s ease-out var(--t) infinite;pointer-events:none}
@keyframes ovcRadarTour{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes ovcRadarTouche{0%{fill:#8CC6FF}14%{fill:var(--ovc-bleu)}100%{fill:var(--ovc-bleu)}}
@keyframes ovcRadarPing{0%{opacity:.95;transform:scale(.6)}35%{opacity:0;transform:scale(3.4)}100%{opacity:0;transform:scale(3.4)}}

.ovc-home .ovc-enbref-phrase{text-align:center;max-width:920px;margin:0 auto;padding:40px 0 10px}
.ovc-home .ovc-enbref-grand{font-family:'Sora','Outfit',sans-serif;font-weight:700;font-size:2.1rem;line-height:1.25;letter-spacing:-.015em;color:var(--ovc-encre)}
.ovc-home .ovc-enbref-grand em{font-style:normal;color:var(--ovc-bleu)}
.ovc-home .ovc-enbref-faits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:38px 0 24px}
.ovc-home .ovc-enbref-faits li{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 18px;border-radius:18px;background:var(--ovc-brume)}
.ovc-home .ovc-enbref-faits b{font-family:'Sora','Outfit',sans-serif;font-weight:800;font-size:2.6rem;line-height:1;color:var(--ovc-bleu)}
.ovc-home .ovc-enbref-faits span{color:var(--ovc-encre-doux);font-size:1rem;line-height:1.4}
.ovc-home .ovc-enbref-petit{color:var(--ovc-encre-doux);font-size:1rem}

.ovc-home .ovc-video{padding:90px 0}
.ovc-home .ovc-video-grille{display:grid;grid-template-columns:1fr 1.6fr;gap:56px;align-items:center}
.ovc-home .ovc-video-texte h2{font-family:'Sora','Outfit',sans-serif;font-weight:800;font-size:2.5rem;line-height:1.1;letter-spacing:-.02em;margin:12px 0 16px}
.ovc-home .ovc-video-texte>p{color:var(--ovc-encre-doux);font-size:1.12rem}
.ovc-home .ovc-ecran3d{perspective:1600px}
.ovc-home .ovc-ecran3d-cadre{position:relative;border-radius:22px;padding:12px;background:linear-gradient(145deg,#22365A,#0B1B33);box-shadow:40px 50px 90px rgba(11,27,51,.32),inset 0 0 0 1px rgba(255,255,255,.08);transform:rotateY(-18deg) rotateX(7deg);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.ovc-home .ovc-ecran3d:hover .ovc-ecran3d-cadre{transform:rotateY(-9deg) rotateX(4deg)}
.ovc-home .ovc-ecran3d .ovc-ecran3d-cadre.ovc-lecture{transform:none}
.ovc-home .ovc-ecran3d-video{display:block;width:100%;aspect-ratio:16/9;border-radius:12px;background:#000;object-fit:contain}
.ovc-home .ovc-ecran3d-lecture{position:absolute !important;top:12px;right:12px;bottom:12px;left:12px;margin:0 !important;border:0 !important;border-radius:12px !important;padding:0 !important;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#fff !important;background:radial-gradient(circle at 28% 18%,rgba(61,155,255,.6),rgba(61,155,255,0) 55%),linear-gradient(135deg,#0A6CF1 0%,#0554C4 45%,#0B1B33 100%) !important;font-family:'Sora','Outfit',sans-serif;font-weight:700;font-size:1.25rem;box-shadow:none !important;overflow:hidden}
.ovc-home .ovc-ecran3d-lecture::after{content:"";position:absolute;inset:0;background:var(--ovc-reflet);pointer-events:none}
.ovc-home .ovc-ecran3d-rond{width:86px;height:86px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;animation:ovcLecturePulse 2s ease-out infinite}
.ovc-home .ovc-ecran3d-rond svg{width:34px;height:34px;fill:var(--ovc-bleu);margin-left:5px}
.ovc-home .ovc-ecran3d-cadre.ovc-lecture .ovc-ecran3d-lecture{display:none}
@keyframes ovcLecturePulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.55)}100%{box-shadow:0 0 0 28px rgba(255,255,255,0)}}
@media (max-width:900px){
.ovc-home .ovc-enbref-phrase{padding:22px 0 0}
.ovc-home .ovc-enbref-grand{font-size:1.45rem}
.ovc-home .ovc-enbref-faits{grid-template-columns:1fr;gap:12px;margin:26px 0 18px}
.ovc-home .ovc-enbref-faits li{padding:18px 14px}
.ovc-home .ovc-enbref-faits b{font-size:2.1rem}
.ovc-home .ovc-video{padding:46px 0}
.ovc-home .ovc-video-grille{grid-template-columns:1fr;gap:26px}
.ovc-home .ovc-video-texte h2{font-size:1.85rem}
.ovc-home .ovc-ecran3d-cadre{padding:8px;border-radius:16px;transform:rotateY(-8deg) rotateX(4deg);box-shadow:18px 24px 50px rgba(11,27,51,.3)}
.ovc-home .ovc-ecran3d-lecture{top:8px;right:8px;bottom:8px;left:8px;font-size:1rem;gap:12px}
.ovc-home .ovc-ecran3d-rond{width:62px;height:62px}
.ovc-home .ovc-ecran3d-rond svg{width:26px;height:26px}
}
@media (prefers-reduced-motion:reduce){
.ovc-home .ovc-rev.ovc-vue .ovc-jg-aiguille,.ovc-home .ovc-rev.ovc-vue .ovc-jg-val,.ovc-home .ovc-rev.ovc-vue .ovc-jg-cible,.ovc-home .ovc-rev.ovc-vue .ovc-jg-onde,.ovc-home .ovc-rev.ovc-vue .ovc-jauge .ovc-roue>span,.ovc-home .ovc-radar-rotor,.ovc-home .ovc-radar-ping,.ovc-home .ovc-carte-svg .ovc-dep-actif path,.ovc-home .ovc-ecran3d-rond{animation:none}
.ovc-home .ovc-rev.ovc-vue .ovc-jg-cible{opacity:1}
.ovc-home .ovc-rev.ovc-vue .ovc-jauge .ovc-roue>span{transform:translateY(calc(var(--c) * -1.1em))}
}

/* ─── 24/10/2026 (v1.22.0) ───
   Profondeur : la liste de la recherche n'est plus rognee par le haut de
   page, cartes en relief qui flottent, prix qui s'affirme a l'arrivee,
   carte d'Ile-de-France inclinee avec departements en relief, ecran video
   en suspension. */
.ovc-home .ovc-hero{overflow:visible;overflow-x:clip;z-index:6}
.ovc-home .ovc-hero .ovc-halo-1{top:260px}
.ovc-home .ovc-hero .ovc-halo-2{top:330px}
.ovc-home .ovc-hero-recherche{z-index:30}

.ovc-home .ovc-valeur{position:relative;overflow:hidden;overflow:clip;background:radial-gradient(600px 300px at 85% 30%,rgba(61,155,255,.16),rgba(61,155,255,0) 70%),radial-gradient(500px 260px at 10% 90%,rgba(10,108,241,.10),rgba(10,108,241,0) 70%),var(--ovc-brume);perspective:1800px}
.ovc-home .ovc-valeur-boite{border:1px solid rgba(255,255,255,.9);box-shadow:0 2px 0 rgba(255,255,255,.9) inset,0 24px 48px -18px rgba(11,27,51,.22),0 60px 110px -40px rgba(10,108,241,.35);transform-style:preserve-3d}
.ovc-home .ovc-valeur-boite.ovc-rev.ovc-vue{animation:ovcFlotteCarte 7s ease-in-out infinite}
@keyframes ovcFlotteCarte{0%,100%{transform:rotateX(3deg) rotateY(-3deg) translateY(0)}50%{transform:rotateX(1deg) rotateY(2deg) translateY(-10px)}}
.ovc-home .ovc-compteur-boite{position:relative;padding:26px 22px 20px;border-radius:26px;background:linear-gradient(160deg,#FFFFFF 0%,#F1F5FB 100%);box-shadow:inset 0 2px 0 #fff,inset 0 -6px 14px rgba(11,27,51,.06),0 18px 34px -14px rgba(11,27,51,.25);transform:translateZ(40px)}
.ovc-home .ovc-jg-val{filter:drop-shadow(0 0 6px rgba(10,108,241,.45))}
.ovc-home .ovc-jauge-ecran{position:relative}
.ovc-home .ovc-jauge-ecran::before{content:"";position:absolute;left:50%;top:58%;width:260px;height:110px;margin:-55px 0 0 -130px;border-radius:50%;background:radial-gradient(closest-side,rgba(61,155,255,.45),rgba(61,155,255,0));opacity:0;pointer-events:none}
.ovc-home .ovc-jauge .ovc-compteur{position:relative;transform-origin:center}
.ovc-home .ovc-rev.ovc-vue .ovc-jauge .ovc-compteur{animation:ovcPrixPop 8s ease .2s infinite}
.ovc-home .ovc-rev.ovc-vue .ovc-jauge-ecran::before{animation:ovcPrixHalo 8s ease .2s infinite}
@keyframes ovcPrixPop{0%,40%{transform:scale(.9);opacity:.45;color:var(--ovc-encre)}47%{transform:scale(1.22);opacity:1;color:var(--ovc-bleu);text-shadow:0 10px 30px rgba(10,108,241,.45)}53%{transform:scale(1);color:var(--ovc-encre);text-shadow:0 6px 18px rgba(10,108,241,.18)}86%{transform:scale(1);opacity:1;text-shadow:0 6px 18px rgba(10,108,241,.18)}93%,100%{transform:scale(.9);opacity:.45;text-shadow:none}}
@keyframes ovcPrixHalo{0%,42%{opacity:0;transform:scale(.6)}48%{opacity:1;transform:scale(1.15)}60%,86%{opacity:.45;transform:scale(1)}92%,100%{opacity:0;transform:scale(.6)}}

.ovc-home .ovc-rea{box-shadow:0 1px 0 #fff inset,0 14px 30px -14px rgba(11,27,51,.22),0 34px 60px -34px rgba(10,108,241,.28);transition:transform .35s ease,box-shadow .35s ease}
.ovc-home .ovc-rea:hover{transform:translateY(-6px);box-shadow:0 1px 0 #fff inset,0 22px 40px -16px rgba(11,27,51,.26),0 44px 70px -34px rgba(10,108,241,.38)}
.ovc-home .ovc-enbref-faits li{background:#fff;border:1px solid var(--ovc-chrome);box-shadow:0 18px 36px -18px rgba(11,27,51,.22),0 40px 70px -40px rgba(10,108,241,.3);transition:transform .35s ease}
.ovc-home .ovc-enbref-faits li:hover{transform:translateY(-6px)}
.ovc-home .ovc-friction{background:#fff;border-left-color:var(--ovc-bleu);box-shadow:0 16px 34px -18px rgba(11,27,51,.2);transition:transform .35s ease}
.ovc-home .ovc-friction:hover{transform:translateY(-5px)}

.ovc-home .ovc-zone{position:relative;overflow:hidden;overflow:clip;background:radial-gradient(520px 380px at 72% 55%,rgba(61,155,255,.14),rgba(61,155,255,0) 70%)}
.ovc-home .ovc-carte{perspective:1400px}
.ovc-home .ovc-carte-svg{transform:rotateX(16deg) rotateZ(-2deg);transform-origin:50% 60%;filter:drop-shadow(0 34px 26px rgba(11,27,51,.18))}
.ovc-home .ovc-carte.ovc-rev.ovc-vue{animation:ovcFlotteCarteIdf 8s ease-in-out infinite}
@keyframes ovcFlotteCarteIdf{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.ovc-home .ovc-carte-svg .ovc-dep-actif path{filter:drop-shadow(0 7px 0 #0441A0)}

.ovc-home .ovc-ecran3d{position:relative}
.ovc-home .ovc-ecran3d.ovc-rev.ovc-vue{animation:ovcFlotteEcran 6s ease-in-out infinite}
.ovc-home .ovc-ecran3d::after{content:"";position:absolute;left:12%;right:12%;bottom:-46px;height:30px;border-radius:50%;background:radial-gradient(closest-side,rgba(11,27,51,.28),rgba(11,27,51,0));animation:ovcOmbreEcran 6s ease-in-out infinite;pointer-events:none}
@keyframes ovcFlotteEcran{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-16px) rotate(-.6deg)}}
@keyframes ovcOmbreEcran{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.82);opacity:.6}}
.ovc-home .ovc-ecran3d:has(.ovc-lecture){animation:none}

@media (max-width:900px){
.ovc-home .ovc-compteur-boite{transform:none}
@keyframes ovcFlotteCarte{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.ovc-home .ovc-carte-svg{transform:rotateX(10deg)}
.ovc-home .ovc-ecran3d::after{bottom:-30px}
}
@media (prefers-reduced-motion:reduce){
.ovc-home .ovc-valeur-boite.ovc-rev.ovc-vue,.ovc-home .ovc-carte.ovc-rev.ovc-vue,.ovc-home .ovc-ecran3d.ovc-rev.ovc-vue,.ovc-home .ovc-ecran3d::after,.ovc-home .ovc-rev.ovc-vue .ovc-jauge .ovc-compteur,.ovc-home .ovc-rev.ovc-vue .ovc-jauge-ecran::before{animation:none}
}

/* 24/10/2026 (v1.22.1) : le haut de page ne coupe plus vers le bas (liste de la recherche) ;
   la photo et les halos restent donc bornes au haut de page, sinon ils recouvrent le bloc suivant. */
.ovc-home .ovc-hero-photo{max-height:100%}
@media (max-width:900px){
.ovc-home .ovc-hero .ovc-halo{display:none}
}