/* ── 品牌中心 /brands/：官方 logo 墙 ─────────────────────────────
   2026-10-05

   为什么要单独一个文件：品牌 logo 只在品牌中心用到，且必须带版本号
   加载（styles.css 是共享文件，改它会影响全站并带来缓存问题）。
   本文件与 servo-valve-hub.css / gold-series.css 同一模式。

   ── 尺寸策略（关键）─────────────────────────────────────────────
   官方 logo 原图各品牌画布都是 120px 高，但「内容高度」差异极大：
       EMG 72 · HYDAC 72 · Parker 72 · rexroth 72 · MOOG 只有 32
   原图还带有 16px 左右、24~44px 上下的空白边距。
   于是按同一高度渲染时，MOOG 的可见字形只有别人的 44%，看起来「小一号」，
   而空白边距又让真实字形更小。

   因此部署时已把 5 个 logo 归一化为：
       相同画布高度 76px ＋ 相同内容高度 64px ＋ 四周 6px 边距
   归一化后「一个 CSS 高度就能让所有品牌的字形光学高度一致」，
   不需要逐品牌写特例。这里取 38px 画布高（≈30px 字形高）。

   logo 保留原品牌色，不做灰度或改色（避免不当使用商标）。
   PROMYKS 尚无官方 logo 文件，回退为字标（与型号中心侧边栏一致）。
   ───────────────────────────────────────────────────────────── */

.brand-card-name {
  margin: 8px 0 10px;
  display: flex;
  align-items: center;
  /* 与 logo 渲染高度一致：有 logo 和只有字标时卡片首屏对齐 */
  min-height: 36px;
}

.brand-card-logo {
  display: block;
  height: 36px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
}

/* 未提供官方 logo 的自有品牌：字标回退，视觉高度与 logo 对齐 */
.brand-card-wordmark {
  display: inline-flex;
  align-items: center;
  height: 36px;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
  color: var(--brand);
}

@media (max-width: 640px) {
  .brand-card-name { min-height: 34px; }
  .brand-card-logo { height: 34px; }
  .brand-card-wordmark { height: 34px; font-size: 21px; }
}