/* A. Premier écran plus aéré sur téléphone (18/10). Pour retirer : supprimer ce fichier et son lien dans index.html.
   Les deux libellés (court et long) du surtitre et du titre des logos vivent dans index.html : sans ce fichier, seul le long s'affiche. */
.label-short{display:none}
.hero-point-icon{display:none}

@media(max-width:760px){
 /* Un seul espacement entre les groupes du premier écran */
 .hero{--hero-gap:28px;padding-top:34px}

 /* 1. Bande « Le logiciel tout-en-un / Changer de logiciel » : le lien reste dans le pied de page */
 body.commercial-header .commercial-band{display:none}

 /* 2. Surtitre court sur une ligne ; le long reste lu par les lecteurs d'écran */
 .hero .hero-copy>.eyebrow{flex-wrap:nowrap;white-space:nowrap;margin:0 0 14px}
 .hero .label-short{display:inline}
 .hero .label-long{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

 /* 3. Le détail de l'essai est dans la section contact */
 .hero .hero-copy .hero-actions .hero-trial-note{display:none}

 /* 6. Rythme vertical régulier : titre, phrase, boutons, cartes, logos */
 .hero #hero-title{margin:0}
 .hero .hero-copy .hero-bottom{margin:0;gap:0}
 .hero .hero-copy .hero-bottom>p.hero-lead{margin:var(--hero-gap) 0 0}
 .hero .hero-copy .hero-actions{margin:var(--hero-gap) 0 0}
 .hero .hero-copy .hero-points{margin:var(--hero-gap) 0 0}

 /* 4. Les deux puces deviennent deux petites cartes avec icône */
 .hero .hero-points{display:grid;gap:12px}
 .hero .hero-points li{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:14px;margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fffaf2;font-size:15px;line-height:1.45;color:var(--forest)}
 .hero .hero-points li:before{content:none}
 .hero .hero-point-icon{display:block;box-sizing:content-box;width:22px;height:22px;padding:9px;border-radius:50%;background:#9d50351a;fill:none;stroke:var(--terra);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

 /* 5. Logos : titre court, 3 colonnes, lien sous les logos, « Conçu en France » en dernière ligne */
 .hero .hero-copy>.integration-strip{display:flex;flex-direction:column;margin:var(--hero-gap) 0 0;padding:20px 0 14px}
 .hero .integration-strip-heading{display:contents}
 .hero .integration-strip-heading h2{order:1;margin:0 0 16px;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
 .hero .hero-copy .integration-strip-list{order:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}
 .hero .hero-copy .integration-strip-list li{justify-content:flex-start;min-height:26px;gap:6px;font-size:12px}
 .hero .hero-copy .integration-strip-list img:not(.strip-booking):not(.strip-stripe){width:18px;height:18px}
 .hero .hero-copy .integration-strip-list .strip-booking{width:76px;height:13px}
 .hero .hero-copy .integration-strip-list .strip-stripe{width:42px;height:18px}
 .hero .integration-strip-heading .text-link{order:3;align-self:flex-start;margin-top:8px}
 .hero .hero-copy>.hero-origin{margin:var(--hero-gap) 0}
}