/*
 * mobile-titles.css
 * Réduction des gros titres héros sur mobile pour les pages hors accueil
 * (l'accueil est traité dans mobile-accueil-ergonomics.css).
 * Constat : héros à 49–54px sur mobile → titres coupés en plein mot, peu
 * lisibles. On ramène à une échelle mobile tout en gardant l'impact.
 * Chargé EN DERNIER. Additif, @media max-width:768px, desktop intact.
 */
@media (max-width: 768px) {
  /* Acheter : "Explore la galerie." */
  .ae-title,
  /* Vendre : "Mets ta pièce en lumière." */
  .vendre-gl-hero h1,
  .vendre-gl-hero__inner h1 {
    font-size: clamp(1.7rem, 7.5vw, 2.4rem) !important;
    line-height: 1.14 !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
  }
}