/* ===== Brand header strip (Fix banner sizing) ===== */
.brand-strip{
  display:flex;
  align-items:center;
  gap: 12px;
  padding: 10px 12px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 14px;
}

.brand-strip-logo{
  height: 54px;
  width: auto;
  flex: 0 0 auto;
  display:block;
}

.brand-strip-banner-wrap{
  flex: 1 1 auto;
  min-width: 0; /* important: prevents overflow in flex layouts */
}

.brand-strip-banner{
  width: 100%;
  height: 60px;           /* ✅ fixed height = consistent */
  object-fit: cover;      /* ✅ crops nicely */
  object-position: center;
  border-radius: 12px;
  display:block;
}

/* Mobile: stack */
@media (max-width: 768px){
  .brand-strip{
    flex-direction: column;
    align-items: stretch;
  }
  .brand-strip-logo{
    height: 50px;
    margin: 0 auto;
  }
  .brand-strip-banner{
    height: 90px;
  }
}