/* English text lengths and word wrapping. */
html[lang="en"] body { font-family: Arial, Helvetica, sans-serif; }
html[lang="en"] .bf-header__inner { gap: clamp(18px, 2vw, 36px); padding-inline: clamp(24px, 4vw, 76px); }
html[lang="en"] .bf-nav { gap: clamp(16px, 1.6vw, 30px); }
html[lang="en"] .bf-nav__dropdown { min-width: 245px; }
html[lang="en"] .bf-nav__dropdown a { white-space: normal; line-height: 1.5; padding: 12px 16px; }
html[lang="en"] .bf-hero__content { max-width: 820px; }
html[lang="en"] .bf-hero__summary { max-width: 650px; }
html[lang="en"] .bf-inner-hero__content div { flex-wrap: wrap; }
html[lang="en"] .bf-application__body b { line-height: 1.3; }
html[lang="en"] .bf-product-list h3, html[lang="en"] .bf-related-products h3 { overflow-wrap: anywhere; line-height: 1.4; }
html[lang="en"] .bf-product-detail h1 { font-size: clamp(27px, 2.5vw, 44px); overflow-wrap: anywhere; }
html[lang="en"] .bf-rich table { width: 100%; table-layout: auto; }
html[lang="en"] .bf-rich td, html[lang="en"] .bf-rich th { overflow-wrap: anywhere; word-break: normal !important; }
html[lang="en"] .bf-rich td p, html[lang="en"] .bf-rich th p { word-break: normal; }
html[lang="en"] .footer-nav-grid a { line-height: 1.6; }
html[lang="en"] .footer-contact address { overflow-wrap: anywhere; }
html[lang="en"] .bf-quick-tools > a span, html[lang="en"] .bf-quick-tools button span { font-size: 10px; }
@media (min-width: 821px) and (max-width: 1250px) {
  html[lang="en"] .bf-header__inner { padding-inline: 24px; gap: 18px; }
  html[lang="en"] .bf-brand { flex: 0 0 165px; width: 165px; }
  html[lang="en"] .bf-brand img { width: 165px; }
  html[lang="en"] .bf-nav { gap: 14px; }
  html[lang="en"] .bf-nav a { font-size: 13px; }
  html[lang="en"] .bf-header__contact { display: none; }
  html[lang="en"] .bf-header__tools { gap: 8px; }
}
@media (max-width: 820px) {
  html[lang="en"] .bf-nav__dropdown { min-width: 0; }
  html[lang="en"] .bf-nav__dropdown a { padding: 10px 0; }
  html[lang="en"] .bf-hero__content h1, html[lang="en"] .bf-hero__content h2 { font-size: clamp(32px, 7vw, 48px); }
  html[lang="en"] .bf-hero__summary { margin-block: 18px 22px; font-size: 15px; line-height: 1.6; }
  html[lang="en"] .bf-inner-hero h1 { font-size: clamp(30px, 7vw, 44px); }
  html[lang="en"] .bf-rich { overflow-x: auto; }
  html[lang="en"] .bf-rich table { min-width: 580px; }
}
@media (max-width: 820px) {
  html[lang="en"] .bf-hero__actions button { top: auto; bottom: 16px; transform: none; }
  html[lang="en"] .bf-hero__actions button:hover { transform: scale(1.05); }
}