/*
 * Global responsive safeguards for all front-end pages.
 * Prevents horizontal overflow and keeps media elements within the viewport.
 */

main,
.page-root,
.site-header,
.site-footer,
footer {
  max-width: 100%;
}

img {
  max-width: 100%;
  height: auto;
}

video,
iframe,
embed,
object {
  max-width: 100%;
}

table {
  max-width: 100%;
}

/*
 * Intermediate desktop widths: keep the horizontal nav from overflowing the shell.
 *
 * 主导航由 7 项扩到 9 项（架构图新增 PCB Manufacturing / PCB Assembly 拆分与
 * Contact Us 收口）后，1920px 以下按视口宽度流体收敛字号与间距，
 * 否则 GET A QUOTE 与搜索图标会被挤出 .nav-shell 右边界。
 */
@media (max-width: 1920px) and (min-width: 1201px) {
  .nav-shell {
    gap: clamp(12px, 1.3vw, 26px);
  }

  .menu {
    gap: clamp(8px, 1vw, 20px);
  }

  .nav-link {
    font-size: clamp(15px, 1vw, 18px);
  }
}

/* 窄桌面再收紧一档：1320px 的 shell 上限在这里最吃紧。 */
@media (max-width: 1400px) and (min-width: 1201px) {
  .menu {
    gap: clamp(8px, 1vw, 16px);
  }

  .nav-link {
    font-size: clamp(14px, 1.1vw, 17px);
  }

  .nav-shell {
    gap: 12px;
  }

  .brand {
    width: min(210px, 100%);
  }
}