/* Graceful layout for engines without CSS Grid. Modern layouts stay unchanged. */
[hidden] { display: none !important; }
dialog:not([open]) { display: none; }
.no-details details > * { display: none; }
.no-details details > summary { display: block; cursor: pointer; }
.no-details details[open] > * { display: block; }
.no-details .nav-dropdown > summary, .no-details .language-switch > summary { display: flex; }
.no-dialog dialog[open] { display: block; position: fixed; left: 50%; top: 6%; width: 90%; max-width: 900px; max-height: 88vh; margin: 0; overflow: auto; transform: translateX(-50%); z-index: 20000; background: white; }
.no-dialog.legacy-modal-open { overflow: hidden; }
.no-dialog.legacy-modal-open::before { content: ""; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.6); z-index: 19999; }
.no-css-grid .site-header-inner { display: flex; width: 94%; max-width: 1600px; }
.no-css-grid .site-header { height: 72px; }
.no-css-grid .site-logo { flex: 0 0 120px; }
.no-css-grid .site-header .site-navigation { flex: 1; margin-left: 26px; justify-content: flex-start; }
.no-css-grid .site-navigation > * { margin-right: 14px; }
.no-css-grid .site-header .header-tools { display: flex; margin-left: auto; }
.no-css-grid .header-tools > * { margin-left: 12px; }
.no-css-grid .header-language { width: 60px; }
.no-css-grid .header-quote { width: 140px; }
.no-css-grid .about-company, .no-css-grid .about-strengths-grid,
.no-css-grid .catalog-grid, .no-css-grid .contact-page-layout,
.no-css-grid .custom-service-grid, .no-css-grid .quality-page-grid,
.no-css-grid .detail-product-layout, .no-css-grid .applications-page-grid,
.no-css-grid .factory-overview-grid { display: flex; flex-wrap: wrap; }
.no-css-grid .about-strength-card, .no-css-grid .catalog-grid > *,
.no-css-grid .applications-page-grid > * { flex: 0 0 30%; width: 30%; margin: 1.5%; }
.no-css-grid .about-company > *, .no-css-grid .contact-page-layout > *,
.no-css-grid .detail-product-layout > * { flex: 1 1 46%; min-width: 0; margin: 1%; }
.no-css-grid .home-quote-form { display: block; }
.no-css-grid .home-quote-form input, .no-css-grid .home-quote-form select { display: inline-block; width: 47%; margin: 1%; height: 42px; }
.no-css-grid .home-quote-form textarea, .no-css-grid .home-quote-form button { width: 96%; margin: 1%; }
@media (max-width: 1199px) {
  .no-css-grid .site-header .site-navigation { display: none; position: absolute; left: 0; right: 0; top: 100%; width: 100%; margin: 0; padding: 16px; background: #0b3e72; }
  .no-css-grid .site-header .site-navigation.open { display: block; }
  .no-css-grid .site-navigation > * { display: block; margin: 0 0 8px; }
  .no-css-grid .site-header .header-tools { margin-left: auto; }
  .no-css-grid .site-menu-toggle { display: block; }
  .no-css-grid .home-content > section:not(#home) { display: block; height: auto !important; padding: 40px 20px; }
  .no-css-grid .home-content .home-quality-grid, .no-css-grid .home-content .home-application-grid,
  .no-css-grid .home-content .home-value-list, .no-css-grid .home-content .home-workflow-grid,
  .no-css-grid .home-content .home-custom-grid, .no-css-grid .home-content .advantage-grid { display: flex; flex-wrap: wrap; }
  .no-css-grid .home-content .home-quality-grid > *, .no-css-grid .home-content .home-application-grid > *,
  .no-css-grid .home-content .home-value-list > *, .no-css-grid .home-content .home-workflow-grid > *,
  .no-css-grid .home-content .home-custom-grid > *, .no-css-grid .home-content .advantage-grid > * { flex: 1 1 45%; width: 45%; margin: 1.5%; }
  .no-css-grid .home-content .about-photo-frame, .no-css-grid .home-content .factory-photo-frame,
  .no-css-grid .home-content .values-photo-frame, .no-css-grid .home-content .contact-photo-frame { width: 100%; margin: 0 0 24px; }
  .no-css-grid .home-content .product-card { display: block; }
}
@media (max-width: 639px) {
  .no-css-grid .about-strength-card, .no-css-grid .catalog-grid > *, .no-css-grid .applications-page-grid > *,
  .no-css-grid .about-company > *, .no-css-grid .contact-page-layout > *, .no-css-grid .detail-product-layout > *,
  .no-css-grid .home-content .home-quality-grid > *, .no-css-grid .home-content .home-application-grid > *,
  .no-css-grid .home-content .home-value-list > *, .no-css-grid .home-content .home-workflow-grid > *,
  .no-css-grid .home-content .home-custom-grid > *, .no-css-grid .home-content .advantage-grid > * { flex-basis: 100%; width: 100%; margin: 0 0 20px; }
  .no-css-grid .home-quote-form input, .no-css-grid .home-quote-form select { width: 96%; }
}
@media (max-width: 767px) {
  input[type="text"], input[type="email"], input[type="tel"], input[type="search"], textarea, select { font-size: 16px !important; }
}