.footer-brand img {
  width: min(280px, 100%);
  height: auto;
  filter: none;
  object-fit: contain;
  background: #fffdfa;
  padding: 10px 14px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
}

.company-logo { width:190px; height:64px; object-fit:contain; object-position:left center; margin:0 0 16px; padding:8px 12px; border:1px solid #d9d8d0; border-radius:12px; background:#fff; }
.brand-cards .company-logo { width:150px; height:52px; margin-bottom:18px; }
.hero-product > .hero-brand-logo { position:absolute!important; inset:24px auto auto 24px!important; z-index:5!important; width:170px!important; height:62px!important; padding:10px 14px!important; border:1px solid rgba(24,32,31,.14)!important; border-radius:14px!important; background:#fff!important; object-fit:contain!important; object-position:center!important; transform:none!important; mix-blend-mode:normal!important; box-shadow:0 12px 30px rgba(0,0,0,.15)!important; }
.brand-page-logo { display:flex; align-items:center; justify-content:center; width:min(320px,100%); height:108px; margin-top:28px; padding:18px 24px; border-radius:18px; background:#fff; box-shadow:0 16px 34px rgba(0,0,0,.2); }
.brand-page-logo img { max-width:100%; max-height:100%; object-fit:contain; }

@media (max-width: 620px) {
  .footer-brand img {
    width: min(250px, 100%);
  }
  .company-logo { width:140px; height:50px; }
  .hero-product > .hero-brand-logo { inset:14px auto auto 14px!important; width:132px!important; height:50px!important; }
  .brand-page-logo { height:88px; }
}