/* Pages SEO métier : bloc d'aperçu de la démo. Complète sales-modern.css sans le modifier. */
.demo-showcase{display:grid;grid-template-columns:1fr minmax(0,460px);gap:56px;align-items:center}
.demo-showcase .model{max-width:460px;width:100%}
.demo-showcase .sales-button{margin-top:28px}
@media(max-width:850px){.demo-showcase{grid-template-columns:1fr;gap:36px}.demo-showcase .model{max-width:none}}
/* Pied de page : liens sur une ligne, rangée « Sites par métier » sur toute la largeur. */
.sales-page .gallery-footer>nav a{white-space:nowrap}
.sales-page .gallery-footer>nav.footer-metiers{grid-column:1/-1;order:3;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 24px;margin-top:10px;padding-top:22px;border-top:1px solid var(--line)}
.footer-metiers .footer-label{text-transform:uppercase;letter-spacing:.14em;font-size:.85em;color:#a3a8b0}
.sales-page .gallery-footer>.footer-bottom{order:4}
@media(max-width:850px){.sales-page .gallery-footer>nav.footer-metiers{justify-content:start;gap:12px 22px}.footer-metiers .footer-label{width:100%}}
/* Page de vente /pages : ligne « Une démo pour votre métier » sous les modèles. */
.metiers-strip{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:10px 22px;margin-top:34px;padding-top:24px;border-top:1px solid var(--line);font-size:13px}
.metiers-strip span{width:100%;text-align:center;text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:#8a8f99}
.metiers-strip a{white-space:nowrap;border-bottom:1px solid transparent}
.metiers-strip a:hover,.metiers-strip a:focus-visible{border-bottom-color:currentColor}