
@media (min-width:981px){
/* V22 : on conserve la mise en page et le scroll naturel de la V21. */
#homeView.v21-home-tabbed > section,
#homeView.v21-home-tabbed > .quick{display:block!important}
#homeView.v21-home-tabbed > section.hero{display:flex!important}

/* Accueil : 2 boutons puis le bouton profil pleine largeur. */
.hero .hero-actions.v21-desktop-actions{
 display:grid!important;grid-template-columns:1fr 1fr!important;
 gap:10px!important;width:min(100%,650px)!important
}
.hero .hero-actions.v21-desktop-actions>a{min-height:46px}
.hero .hero-actions.v21-desktop-actions>a.v22-profile-action{
 grid-column:1/-1!important;width:100%!important;
 display:inline-flex!important;justify-content:center!important;align-items:center!important
}

/* Portrait : plus discret, sans changer l'équilibre général V21. */
.profile .portrait{max-width:310px!important;justify-self:end!important}
.profile .portrait img{object-position:center 18%!important}

/* Lisibilité du bloc suivi / pilotage. */
.control-secondary-copy p,.execution-point p{font-size:calc(1em + 1px)!important;line-height:1.55!important}
.control-secondary.control-secondary--site>img{filter:brightness(.78) contrast(1.04)!important}

/* Les cartes environnements gardent leurs dimensions V21 ; indication discrète de clic. */
#environnements .env{cursor:pointer}
#environnements .env.v22-clickable:before{
 content:"Voir la référence →";position:absolute;z-index:3;right:16px;top:16px;
 padding:6px 8px;border-radius:7px;background:rgba(20,17,13,.62);
 color:#fff;font-size:.64rem;font-weight:800;letter-spacing:.04em
}
.v22-ref-note{margin-top:12px;font-size:.74rem;color:#766e63}

/* Lightbox compacte, sans refaire la section. */
.v22-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:28px;background:rgba(18,15,11,.78);backdrop-filter:blur(5px)}
.v22-modal.open{display:flex}
.v22-card{position:relative;width:min(1000px,94vw);max-height:88vh;overflow:auto;background:#f7f3ec;border-radius:17px;box-shadow:0 28px 80px rgba(0,0,0,.35)}
.v22-close{position:absolute;right:14px;top:14px;z-index:5;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(20,17,13,.68);color:#fff;font-size:1.25rem;cursor:pointer}
.v22-media{display:grid;grid-template-columns:2fr 1fr 1fr;gap:4px;background:#1b1712}
.v22-media.one{grid-template-columns:1fr}
.v22-media img{width:100%;height:330px;object-fit:cover}
.v22-body{padding:27px 30px 30px}
.v22-kicker{font-size:.67rem;letter-spacing:.14em;text-transform:uppercase;color:#a87838;font-weight:800}
.v22-body h3{font-family:Georgia,serif;font-size:1.9rem;font-weight:400;margin:7px 0 10px}
.v22-body p{color:#625c54;line-height:1.65;max-width:830px}
.v22-body .small{font-size:.75rem;color:#81786d;margin-top:12px}
}
