.czt-product-header {
  position: relative;
  z-index: 20;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  min-height: 66px;
  padding: 0 clamp(18px, 3vw, 48px);
  border-bottom: 1px solid rgba(128, 128, 128, 0.24);
  background: #f4f2ed;
  color: #20211f;
  font-family: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
}

.czt-product-header a { color: inherit; text-decoration: none; }
.czt-product-brand { display: flex; align-items: baseline; gap: 14px; width: fit-content; white-space: nowrap; }
.czt-product-brand strong { font: 800 21px/1 ui-monospace, "SFMono-Regular", Consolas, monospace; }
.czt-product-brand span { font-size: 13px; font-weight: 700; }
.czt-product-nav { display: flex; align-items: center; gap: clamp(18px, 2.5vw, 34px); white-space: nowrap; }
.czt-product-nav a, .czt-studio-link { color: #666862; font-size: 13px; }
.czt-product-nav a:hover, .czt-product-nav a[aria-current="page"], .czt-studio-link:hover { color: #161715; }
.czt-product-nav a[aria-current="page"] { font-weight: 700; }
.czt-studio-link { justify-self: end; }

@media (max-width: 760px) {
  .czt-product-header { grid-template-columns: 1fr auto; padding-top: 13px; padding-bottom: 11px; }
  .czt-product-nav { grid-column: 1 / -1; grid-row: 2; margin-top: 12px; padding-top: 11px; border-top: 1px solid rgba(128,128,128,.2); overflow-x: auto; }
  .czt-studio-link { grid-column: 2; grid-row: 1; font-size: 12px; }
}

@media (max-width: 440px) {
  .czt-product-brand span { display: none; }
  .czt-product-nav { gap: 22px; }
}