/* Three core product links, with a second navigation row on small screens. */
.top-links { white-space: nowrap; }
@media (max-width: 600px) {
  body, body.home-video-page { --nav-h: 98px; }
  .top .top-inner { width: calc(100% - 32px); grid-template-columns: 1fr auto; grid-template-rows: 51px 47px; column-gap: 12px; }
  .top-logo { grid-column: 1; grid-row: 1; justify-self: start; }
  .lang { grid-column: 2; grid-row: 1; }
  .top-links { grid-row: 2; grid-column: 1 / -1; justify-content: center; align-self: stretch; align-items: center; gap: 32px; font-size: 14px; border-top: 1px solid #ffffff1a; }
  .top-links a { padding-block: 9px; }
}

@media (max-width: 760px) {
  .top, .home-video-page .top, .home-video-page .top.is-past-hero {
    background: var(--black, #111); backdrop-filter: none; -webkit-backdrop-filter: none;
  }
}

/* Equal outer columns center product navigation independently of label widths. */
.top .lang { width: 64px; min-width: 64px; padding-inline: 0; text-align: center; justify-self: end; }
@media (min-width: 601px) {
  .top .top-inner { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
  .top .top-logo { justify-self: start; }
  .top .top-links { justify-self: center; justify-content: center; gap: clamp(20px, 3vw, 40px); }
}
@media (max-width: 600px) {
  .top .top-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: min(100%, 320px); justify-self: center; text-align: center; gap: 0; }
}