/* iQQuip German working version — DE3 product layout corrections, 2026-08-11.
   Applies only where explicitly linked from /de/ pages. */
@media (min-width: 1001px) {
  /* German product headings are longer than their English equivalents.
     Give copy slightly more room and reduce the maximum heading size
     without changing the English V62 master. */
  .page-hero {
    grid-template-columns: 56% 44%;
  }
  .page-hero h1 {
    font-size: clamp(46px, 5.1vw, 76px);
  }

  /* More separation in the German footer, where compound nouns are longer. */
  .footer-links {
    column-gap: 40px;
  }
  .footer-links > div {
    min-width: 0;
  }
  .footer-links a {
    font-size: 12px;
    line-height: 1.4;
  }
}

/* DE5 — full-width high-resolution PRO WALL drill-pattern preview. */
.drill-pattern-preview.compact {
  max-width: none;
  width: 100%;
}
.drill-pattern-preview.compact img {
  display: block;
  width: 100%;
  height: auto;
  image-rendering: auto;
}


/* DE9 — mobile completeness safeguards for German compound words and translated layouts. */
@media (max-width: 700px) {
  .professional-hero h1,
  .science-hero h1,
  .page-hero h1,
  .controls-section h2,
  .shaft-modes h2,
  .professional-framework h2,
  .route-section h2,
  .training-characteristics h2,
  .training-phases h2 {
    font-size: clamp(38px, 12vw, 50px);
    overflow-wrap: break-word;
    hyphens: auto;
  }
  .professional-hero > *,
  .controls-table article > *,
  .professional-audiences article,
  .route-grid a,
  .footer-links > div {
    min-width: 0;
  }
  .professional-hero p,
  .professional-hero small,
  .controls-table h3,
  .controls-table p,
  .professional-audiences h2,
  .professional-audiences li,
  .route-grid h3,
  footer a,
  footer p {
    overflow-wrap: anywhere;
    hyphens: auto;
  }
  .button {
    min-width: 0;
    max-width: 100%;
  }
  img, video, iframe {
    max-width: 100%;
  }
}


/* DE10 — targeted mobile overflow correction for long German closing headings, plus research-page safeguards. */
@media (max-width: 700px) {
  .closing-cta h2,
  .research-hero h1,
  .research-known h2,
  .research-questions h2,
  .study-framework h2,
  .research-boundary h2 {
    font-size: clamp(36px, 10.8vw, 48px);
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: normal;
    hyphens: auto;
  }
  .closing-cta,
  .research-hero > *,
  .research-facts article,
  .research-questions article,
  .study-framework li > div {
    min-width: 0;
    max-width: 100%;
  }
}


/* DE11 — About-page mobile completeness safeguards. */
@media (max-width: 700px) {
  .about-hero h1,
  .origin-story h2,
  .about-principles h2,
  .brand-structure h2,
  .about-direction h2 {
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
    hyphens: auto;
  }
  .development-stage,
  .development-copy,
  .development-production,
  .development-production-details,
  .development-process-note,
  .brand-structure article {
    min-width: 0;
    max-width: 100%;
  }
  .development-stage strong,
  .development-stage small,
  .development-production strong,
  .development-production-details span,
  .development-process-note,
  .brand-structure p {
    overflow-wrap: anywhere;
    hyphens: auto;
  }
}


/* DE12 — FAQ: longer German questions and delivery-scope labels must remain within the viewport. */
@media (max-width: 760px) {
  .support-hero h1,
  .faq-product-selector h2,
  .faq-group h2,
  .faq-summary-question,
  .faq-callout,
  .faq-component-key,
  .faq-inclusions-table th,
  .faq-inclusions-table td,
  .closing-cta h2,
  .brochure-download h2 {
    overflow-wrap: anywhere;
    word-break: normal;
    hyphens: auto;
  }
  .faq-table-wrap {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .faq-product-selector-grid,
  .faq-configuration-strip {
    min-width: 0;
  }
}


/* DE13 — Kontaktseite: mobile Absicherung für längere deutsche Überschriften. */
@media (max-width: 700px) {
  .contact-hero h1,
  .contact-routes h2,
  .contact-routes h3,
  .service-support-note h2,
  .contact-prepare h2,
  .contact-boundary h2 {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
    hyphens: auto;
  }
  .contact-routes a,
  .contact-hero aside,
  .contact-prepare > div,
  .contact-boundary > div {
    min-width: 0;
  }
}


/* DE15 — Support / Handbücher / Geräteprotokolle: mobile Vollständigkeit. */
@media (max-width: 760px) {
  .documentation-hero h1,
  .documentation-card h2,
  .safety-summary h3,
  .support-access h2,
  .record-hero h1,
  .records-content h2,
  .record-sheet h2,
  .record-sheet label,
  .record-index a,
  .record-note {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
    hyphens: auto;
  }
  .documentation-grid,
  .safety-grid,
  .record-index,
  .record-fields,
  .record-checks-grid {
    grid-template-columns: 1fr !important;
    min-width: 0;
  }
  .drawing-data {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .drawing-data table {
    min-width: 520px;
  }
  .record-sheet,
  .record-fields > *,
  .record-checks-grid > * {
    min-width: 0;
  }
}


/* DE16 - Download actions for individual fillable equipment-record PDFs. */
.record-pdf-actions {
  margin-top: 1.4rem;
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 700px) {
  .record-pdf-actions .button {
    width: 100%;
    justify-content: space-between;
  }
}


/* Equipment-record submission panel. */
.record-submit-panel {
  margin-top: 1.4rem;
  padding: 1.25rem;
  border: 1px solid rgba(16,47,76,.18);
  background: #f7fafc;
}
.record-submit-panel h3 { margin: 0 0 .55rem; }
.record-submit-explainer { max-width: 78ch; margin: 0 0 1rem; }
.record-submit-email { display: grid; gap: .45rem; max-width: 520px; font-weight: 700; }
.record-submit-email input { width: 100%; min-height: 44px; padding: .7rem .8rem; border: 1px solid rgba(16,47,76,.28); background: #fff; font: inherit; }
.record-submit-ack { display: flex; align-items: flex-start; gap: .65rem; margin-top: 1rem; }
.record-submit-ack input { margin-top: .25rem; flex: 0 0 auto; }
.record-submit-controls { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; margin-top: 1rem; }
.record-privacy-link { font-weight: 700; }
.record-submit-status { min-height: 1.4em; margin: .8rem 0 0; font-weight: 700; }
.record-submit-status.is-success { color: #0a6a39; }
.record-submit-status.is-error { color: #a5111a; }
.record-submit-status.is-pending { color: #425f79; }
.record-hp { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
@media (max-width: 700px) {
  .record-submit-panel { padding: 1rem; }
  .record-submit-controls { display: grid; grid-template-columns: 1fr; }
  .record-submit-controls .button { width: 100%; justify-content: space-between; }
}

/* Signature capture and confirmation-copy controls. */
.record-signature-block {
  margin: 1.2rem 0 0;
  padding: 1rem;
  border: 1px solid rgba(16,47,76,.18);
  background: #fff;
}
.record-signature-block h4 { margin: 0 0 .85rem; }
.record-signature-meta {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: .8rem 1rem;
  margin-bottom: .9rem;
}
.record-signature-meta label {
  display: grid;
  gap: .4rem;
  font-weight: 700;
}
.record-signature-meta input {
  width: 100%;
  min-height: 44px;
  padding: .7rem .8rem;
  border: 1px solid rgba(16,47,76,.28);
  background: #fff;
  font: inherit;
}
.record-signature-label { margin-bottom: .4rem; font-weight: 800; }
.record-signature-canvas {
  display: block;
  width: 100%;
  height: 150px;
  border: 1px solid rgba(16,47,76,.32);
  background: #fff;
  cursor: crosshair;
  touch-action: none;
}
.record-signature-canvas:focus-visible {
  outline: 3px solid rgba(0,102,204,.28);
  outline-offset: 2px;
}
.record-signature-actions {
  display: flex;
  align-items: center;
  gap: .8rem 1rem;
  flex-wrap: wrap;
  margin-top: .6rem;
}
.record-signature-clear {
  border: 0;
  padding: .55rem .75rem;
  background: #eaf2f8;
  color: #102f4c;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}
.record-signature-note { color: #425f79; font-size: .92rem; }
@media (max-width: 700px) {
  .record-signature-meta { grid-template-columns: 1fr; }
  .record-signature-canvas { height: 135px; }
}

/* Record controls: serial format guidance and printed-signature distinction. */
.record-serial-format,
.record-print-signature-note {
  display: block;
  margin-top: .35rem;
  color: #425f79;
  font-size: .82rem;
  line-height: 1.35;
  font-weight: 500;
}
.record-print-signature-field {
  background: rgba(234,242,248,.35);
  padding: .65rem;
}
.record-print-signature-input::placeholder,
.record-print-signature-field input::placeholder {
  color: #70879a;
}
.record-submit-email::before {
  content: "";
}