html[lang="fr"] :where(
  h1,
  h2,
  h3,
  .section-title,
  .plan-name,
  .enterprise-price,
  .hero-sub,
  .service-badge,
  .restaurant-badge,
  .pricing-badge,
  .card h3,
  .industry-card h3,
  .feature-card h3,
  .integration-group h3
) {
  max-width: 100%;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  hyphens: manual !important;
}

html[lang="fr"] :where(.hero h1, .service-left h1, .restaurant-left h1) {
  line-height: 1.14 !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
}

html[lang="fr"] :where(.hero h1 span, .service-left h1 span, .restaurant-left h1 span, .gradient-text) {
  max-width: 100%;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
}

html[lang="fr"] :where(
  .hero > div:first-child,
  .service-left,
  .restaurant-left,
  .pricing-header,
  .card,
  .industry-card,
  .feature-card,
  .pricing-card,
  .integration-group,
  .cta-box
) {
  min-width: 0;
  overflow: visible !important;
}

@media (max-width: 760px) {
  html[lang="fr"] :where(.hero h1, .service-left h1, .restaurant-left h1) {
    font-size: clamp(34px, 9.5vw, 52px) !important;
    line-height: 1.16 !important;
  }

  html[lang="fr"] :where(.section-title, .pricing-header h2, .service-lead h2, .service-cta h2, .restaurant-cta h2, .callflow-section h2) {
    font-size: clamp(30px, 9vw, 42px) !important;
    line-height: 1.16 !important;
  }
}