/* Kayra Patent regression lock — 2026-08-19 rev. 5
   Loaded after v3 and v4. Keeps the approved header, homepage hero and type scale. */

/* Header: telephone stays regular; mail and phone icons stay 2px larger than
   the original 13px export in every language. */
.topbar a[href^="tel:"],
.localized-topbar a[href^="tel:"],
.topbar a[href^="tel:"] b,
.topbar a[href^="tel:"] strong,
.localized-topbar a[href^="tel:"] b,
.localized-topbar a[href^="tel:"] strong {
  font-weight: 400 !important;
}

.topbar a[href^="tel:"] svg,
.topbar a[href^="mailto:"] svg,
.localized-topbar a[href^="tel:"] svg,
.localized-topbar a[href^="mailto:"] svg {
  flex: 0 0 15px !important;
  width: 15px !important;
  height: 15px !important;
  color: #e31325 !important;
  stroke: #e31325 !important;
}

/* Desktop homepage: `height:100%` on the grid child could remain at the
   earlier clamp height on short/wide viewports, leaving a dark row below it.
   Auto height lets the grid stretch the slide to the full first row. */
@media (min-width: 1121px) {
  body > .home-page .home-first-screen > .hero {
    align-self: stretch !important;
    height: auto !important;
    min-height: 320px !important;
    max-height: none !important;
  }

  .home-page .hero > .hero-slide,
  .home-page .hero > .hero-slide > .hero-media {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  /* Keep the card dimensions and image proportions; only calm the dense text. */
  .home-page .update-item > div:last-child > span {
    font-size: 15px !important;
  }

  .home-page .update-item h3 {
    margin-block: 3px !important;
    font-size: 16px !important;
    line-height: 1.34 !important;
  }

  .home-page .update-item p {
    font-size: 13.5px !important;
    line-height: 1.32 !important;
  }
}

/* Homepage FAQ: retain the approved 19px size and use a calmer medium weight. */
.home-page .home-faq-list summary {
  font-weight: 500 !important;
}

/* REV5 R1: ISO 13485 commercial-card labels contain words rather than icons.
   The base 54x54 icon box clipped these labels on desktop and mobile. */
.iso13485-page .commercial-grid article > span {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: max-content !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 40px !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: .02em !important;
  text-align: center !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}