/* Brand page only: a shared, invisible logo area inside the existing cards. */
.brand-logo-grid .brand-logo,
.brand-logo-grid .brand-logo:hover{
  width:100%;
  height:112px;
  flex:0 0 112px;
  margin:0 auto 13px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transform:none;
  transition:none;
}
.brand-logo-grid .brand-logo img,
.brand-logo-grid #marca-moog .brand-logo img,
.brand-logo-grid #marca-hengst .brand-logo img,
.brand-logo-grid #marca-filtration .brand-logo img,
.brand-logo-grid #marca-rexroth .brand-logo img,
.brand-logo-grid article:last-child .brand-logo img{
  display:block;
  width:var(--brand-width,220px);
  max-width:100%;
  height:var(--brand-height,88px);
  max-height:var(--brand-height,88px);
  padding:0;
  object-fit:contain;
}
.brand-logo-grid #marca-sun{--brand-width:225px}
.brand-logo-grid #marca-moog{--brand-width:185px}
.brand-logo-grid #marca-hawe{--brand-width:158px}
.brand-logo-grid #marca-stauff{--brand-width:205px}
.brand-logo-grid #marca-hengst{--brand-width:182px}
.brand-logo-grid #marca-filtration{--brand-width:230px}
.brand-logo-grid #marca-rexroth{--brand-width:192px;--brand-height:82px}
.brand-logo-grid #marca-ttp{--brand-width:224px;--brand-height:104px}
.brand-logo-grid #marca-ttp .brand-logo img{transform:translateY(-19.5px)}
.brand-logo-grid h3{
  margin:0 0 10px;
  color:#283c48;
  font:500 15px/1.35 Inter,sans-serif;
  letter-spacing:0;
  text-align:center;
}
.brand-logo-grid article .official{margin-top:auto;padding-top:20px}