html[lang="en"] .hero-copy h1,
html[lang="de"] .hero-copy h1,
html[lang="fr"] .hero-copy h1 {
  font-size: clamp(2.8rem, 4.8vw, 5.7rem);
  line-height: .98;
  overflow-wrap: anywhere;
}

html[lang="de"] .hero-copy h1 {
  font-size: clamp(2.55rem, 4.25vw, 5.1rem);
}

html[lang="ar"] body {
  direction: rtl;
  font-family: "Arial", "Tahoma", sans-serif;
}

html[lang="ar"] .header-inner,
html[lang="ar"] .utility .shell,
html[lang="ar"] .hero-grid,
html[lang="ar"] .footer-grid,
html[lang="ar"] .cta-grid {
  direction: rtl;
}

html[lang="ar"] .hero-copy,
html[lang="ar"] .section-heading,
html[lang="ar"] .campaign-copy,
html[lang="ar"] .home-campaign-copy {
  text-align: right;
}

html[lang="ar"] .nav-panel,
html[lang="ar"] .submenu {
  left: auto;
  right: 0;
}

@media (max-width: 900px) {
  html[lang] .hero-copy h1 {
    font-size: clamp(2.35rem, 11vw, 4.15rem);
    line-height: 1;
  }

  html[lang] .hero-grid > *,
  html[lang] .home-campaign-card > *,
  html[lang] .campaign-featured > * {
    min-width: 0;
  }

  html:not([lang="tr"]) :where(.shell, section, article, aside, div, nav, ul, ol, li, a, button, h1, h2, h3, p, span, strong, small) {
    min-width: 0;
  }

  html[lang="de"] :where(h1, h2, h3, p, li, a, button, strong, b, span, small, th, td, figcaption) {
    overflow-wrap: anywhere;
    hyphens: auto;
  }

  html:not([lang="tr"]) .product-tech-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed;
  }
}